root
/
grafana
mirror of https://github.com/grafana/grafana.git
1
0
Fork 0
Code Issues Actions 265 Packages Projects Releases Wiki Activity

Fix panel search (#94043)

This commit is contained in:
Bogdan Matei 2024-10-01 12:45:31 +03:00 committed by GitHub
parent 8338e92a70
commit 137da12c99
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
public/app/features/dashboard-scene/scene/PanelSearchLayout.tsx
View File

@ -3,7 +3,7 @@ import classNames from 'classnames';
import { useEffect } from 'react'; import { useEffect } from 'react';
import { GrafanaTheme2 } from '@grafana/data'; import { GrafanaTheme2 } from '@grafana/data';
import { SceneGridLayout, VizPanel, sceneGraph } from '@grafana/scenes'; import { VizPanel, sceneGraph } from '@grafana/scenes';
import { useStyles2 } from '@grafana/ui'; import { useStyles2 } from '@grafana/ui';
import { Trans } from 'app/core/internationalization'; import { Trans } from 'app/core/internationalization';
@ -11,6 +11,7 @@ import { activateInActiveParents } from '../utils/utils';
import { DashboardGridItem } from './DashboardGridItem'; import { DashboardGridItem } from './DashboardGridItem';
import { DashboardScene } from './DashboardScene'; import { DashboardScene } from './DashboardScene';
import { DefaultGridLayoutManager } from './layout-default/DefaultGridLayoutManager';
export interface Props { export interface Props {
dashboard: DashboardScene; dashboard: DashboardScene;
@ -25,11 +26,13 @@ export function PanelSearchLayout({ dashboard, panelSearch = '', panelsPerRow }:
const panels: VizPanel[] = []; const panels: VizPanel[] = [];
const styles = useStyles2(getStyles); const styles = useStyles2(getStyles);
if (!(body instanceof SceneGridLayout)) { const bodyGrid = body instanceof DefaultGridLayoutManager ? body.state.grid : null;
if (!bodyGrid) {
return <Trans i18nKey="panel-search.unsupported-layout">Unsupported layout</Trans>; return <Trans i18nKey="panel-search.unsupported-layout">Unsupported layout</Trans>;
} }
for (const gridItem of body.state.children) { for (const gridItem of bodyGrid.state.children) {
if (gridItem instanceof DashboardGridItem) { if (gridItem instanceof DashboardGridItem) {
const panel = gridItem.state.body; const panel = gridItem.state.body;
const interpolatedTitle = sceneGraph.interpolate(dashboard, panel.state.title).toLowerCase(); const interpolatedTitle = sceneGraph.interpolate(dashboard, panel.state.title).toLowerCase();