IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

EmbedPanel: Add url sync and fix refresh (#98390)

Browse Source
This commit is contained in:
Juan Cabanas 2025-01-06 10:13:11 -03:00 committed by GitHub
parent 88f8f2203b
commit 4631707276
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
public/app/features/dashboard-scene/solo/SoloPanelPage.tsx
View File

@ -4,6 +4,7 @@ import { useEffect } from 'react';
import { useParams } from 'react-router-dom-v5-compat'; import { useParams } from 'react-router-dom-v5-compat';
import { GrafanaTheme2 } from '@grafana/data'; import { GrafanaTheme2 } from '@grafana/data';
import { UrlSyncContextProvider } from '@grafana/scenes';
import { Alert, Spinner, useStyles2 } from '@grafana/ui'; import { Alert, Spinner, useStyles2 } from '@grafana/ui';
import PageLoader from 'app/core/components/PageLoader/PageLoader'; import PageLoader from 'app/core/components/PageLoader/PageLoader';
import { EntityNotFound } from 'app/core/components/PageNotFound/EntityNotFound'; import { EntityNotFound } from 'app/core/components/PageNotFound/EntityNotFound';
@ -39,15 +40,26 @@ export function SoloPanelPage({ queryParams }: Props) {
return <PageLoader />; return <PageLoader />;
} }
return <SoloPanelRenderer dashboard={dashboard} panelId={queryParams.panelId} />; return (
<UrlSyncContextProvider scene={dashboard}>
<SoloPanelRenderer dashboard={dashboard} panelId={queryParams.panelId} />
</UrlSyncContextProvider>
);
} }
export default SoloPanelPage; export default SoloPanelPage;
export function SoloPanelRenderer({ dashboard, panelId }: { dashboard: DashboardScene; panelId: string }) { export function SoloPanelRenderer({ dashboard, panelId }: { dashboard: DashboardScene; panelId: string }) {
const [panel, error] = useSoloPanel(dashboard, panelId); const [panel, error] = useSoloPanel(dashboard, panelId);
const { controls } = dashboard.useState();
const refreshPicker = controls?.useState()?.refreshPicker;
const styles = useStyles2(getStyles); const styles = useStyles2(getStyles);
useEffect(() => {
return refreshPicker?.activate();
}, [refreshPicker]);
if (error) { if (error) {
return <Alert title={error} />; return <Alert title={error} />;
} }