diff --git a/public/app/plugins/panel/flamegraph/FlameGraphPanel.tsx b/public/app/plugins/panel/flamegraph/FlameGraphPanel.tsx new file mode 100644 index 00000000000..f8c30fc550f --- /dev/null +++ b/public/app/plugins/panel/flamegraph/FlameGraphPanel.tsx @@ -0,0 +1,9 @@ +import React from 'react'; + +import { CoreApp, PanelProps } from '@grafana/data'; + +import FlameGraphContainer from './components/FlameGraphContainer'; + +export const FlameGraphPanel: React.FunctionComponent = (props) => { + return ; +}; diff --git a/public/app/plugins/panel/flamegraph/components/FlameGraph/rendering.ts b/public/app/plugins/panel/flamegraph/components/FlameGraph/rendering.ts index 6235d704caa..9fddf7ab797 100644 --- a/public/app/plugins/panel/flamegraph/components/FlameGraph/rendering.ts +++ b/public/app/plugins/panel/flamegraph/components/FlameGraph/rendering.ts @@ -1,4 +1,4 @@ -import { colors, fuzzyMatch } from '@grafana/ui'; +import { colors } from '@grafana/ui'; import { BAR_BORDER_WIDTH, @@ -93,7 +93,7 @@ export function renderRect( const l = 65 + 7 * intensity; const name = rect.label; - const queryResult = query && fuzzyMatch(name.toLowerCase(), query.toLowerCase()).found; + const queryResult = query && name.toLowerCase().includes(query.toLowerCase()); if (!rect.collapsed) { ctx.stroke(); diff --git a/public/app/plugins/panel/flamegraph/module.tsx b/public/app/plugins/panel/flamegraph/module.tsx index b8f883e07fb..3b1600d68b8 100644 --- a/public/app/plugins/panel/flamegraph/module.tsx +++ b/public/app/plugins/panel/flamegraph/module.tsx @@ -1,11 +1,5 @@ -import React from 'react'; +import { PanelPlugin } from '@grafana/data'; -import { CoreApp, PanelPlugin, PanelProps } from '@grafana/data'; - -import FlameGraphContainer from './components/FlameGraphContainer'; - -export const FlameGraphPanel: React.FunctionComponent = (props) => { - return ; -}; +import { FlameGraphPanel } from './FlameGraphPanel'; export const plugin = new PanelPlugin(FlameGraphPanel);