opensource/grafana
1
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-09-26 03:14:23 +08:00
Code Issues Packages Projects Releases Wiki Activity

Explore: Remove data source onboarding page (#68131)

Browse Source 
* Remove EmptyStateWrapper
This commit is contained in:
Haris Rozajac
2023-05-12 07:48:17 -06:00
committed by GitHub
parent e446a60800
commit cee838c8a8
4 changed files with 3 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
public/app/features/explore/EmptyStateWrapper.tsx
View File

@ -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"
/>
);
}

2
public/app/features/explore/ExplorePage.tsx
View File

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

2
public/app/features/explore/spec/helper/setup.tsx
View File

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

2
public/app/routes/routes.tsx
View File

@ -192,7 +192,7 @@ export function getAppRoutes(): RouteDescriptor[] {
), ),
component: SafeDynamicImport(() => component: SafeDynamicImport(() =>
config.exploreEnabled 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') : import(/* webpackChunkName: "explore-feature-toggle-page" */ 'app/features/explore/FeatureTogglePage')
), ),
}, },