[v9.4.x] Explore: Remove data source onboarding page (#68642)

Explore: Remove data source onboarding page (#68131)

* Remove EmptyStateWrapper

(cherry picked from commit cee838c8a8)

Co-authored-by: Haris Rozajac <58232930+harisrozajac@users.noreply.github.com>

public/app/features/explore/EmptyStateWrapper.tsx

@@ -1,32 +0,0 @@
-import React, { useState } from 'react';
-
-import { config } from '@grafana/runtime';
-import { GrafanaRouteComponentProps } from 'app/core/navigation/types';
-import { EmptyStateNoDatasource } from 'app/features/datasources/components/EmptyStateNoDatasource';
-import { ExploreQueryParams, useSelector } from 'app/types';
-
-import { useLoadDataSources } from '../datasources/state';
-
-import { ExplorePage } from './ExplorePage';
-
-export default function EmptyStateWrapper(props: GrafanaRouteComponentProps<{}, ExploreQueryParams>) {
-  const { isLoading } = useLoadDataSources();
-
-  const { hasDatasource } = useSelector((state) => ({
-    hasDatasource: state.dataSources.dataSourcesCount > 0,
-  }));
-  const [showOnboarding, setShowOnboarding] = useState(config.featureToggles.datasourceOnboarding);
-  const showExplorePage = hasDatasource || !showOnboarding;
-
-  return showExplorePage ? (
-    <ExplorePage {...props} />
-  ) : (
-    <EmptyStateNoDatasource
-      onCTAClick={() => setShowOnboarding(false)}
-      loading={isLoading}
-      title="Welcome to Grafana Explore!"
-      CTAText="Or explore sample data"
-      navId="explore"
-    />
-  );
-}

public/app/features/explore/ExplorePage.tsx

@@ -31,7 +31,7 @@ const styles = {
   `,
 };
 
-export function ExplorePage(props: GrafanaRouteComponentProps<{}, ExploreQueryParams>) {
+export default function ExplorePage(props: GrafanaRouteComponentProps<{}, ExploreQueryParams>) {
   useExplorePageTitle();
   const dispatch = useDispatch();
   const queryParams = props.queryParams;

public/app/features/explore/spec/helper/setup.tsx

@@ -29,7 +29,7 @@ import { LokiDatasource } from '../../../../plugins/datasource/loki/datasource';
 import { LokiQuery } from '../../../../plugins/datasource/loki/types';
 import { ExploreId } from '../../../../types';
 import { initialUserState } from '../../../profile/state/reducers';
-import { ExplorePage } from '../../ExplorePage';
+import ExplorePage from '../../ExplorePage';
 
 type DatasourceSetup = { settings: DataSourceInstanceSettings; api: DataSourceApi };
 

public/app/routes/routes.tsx

@@ -223,7 +223,7 @@ export function getAppRoutes(): RouteDescriptor[] {
         ),
       component: SafeDynamicImport(() =>
         config.exploreEnabled
-          ? import(/* webpackChunkName: "explore" */ 'app/features/explore/EmptyStateWrapper')
+          ? import(/* webpackChunkName: "explore" */ 'app/features/explore/ExplorePage')
           : import(/* webpackChunkName: "explore-feature-toggle-page" */ 'app/features/explore/FeatureTogglePage')
       ),
     },