diff --git a/public/app/core/components/Tooltip/withPopper.tsx b/public/app/core/components/Tooltip/withPopper.tsx index 519b62344bb..fc4c352d0f5 100644 --- a/public/app/core/components/Tooltip/withPopper.tsx +++ b/public/app/core/components/Tooltip/withPopper.tsx @@ -1,4 +1,4 @@ -import React from 'react'; +import React from 'react'; export interface UsingPopperProps { showPopper: (prevState: object) => void; @@ -60,6 +60,7 @@ export default function withPopper(WrappedComponent) { }; renderContent(content) { + console.log('render content'); if (typeof content === 'function') { // If it's a function we assume it's a React component const ReactComponent = content; diff --git a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx index 18d874713a5..7a9e0729c41 100644 --- a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx +++ b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeaderCorner.tsx @@ -1,4 +1,4 @@ -import React, { PureComponent } from 'react'; +import React, { PureComponent } from 'react'; import { PanelModel } from 'app/features/dashboard/panel_model'; import Tooltip from 'app/core/components/Tooltip/Tooltip'; import templateSrv from 'app/features/templating/template_srv'; @@ -21,10 +21,6 @@ export class PanelHeaderCorner extends PureComponent { getInfoMode = () => { const { panel } = this.props; - // TODO - // if (error) { - // return InfoModes.Error; - // } if (!!panel.description) { return InfoModes.Info; } @@ -35,11 +31,10 @@ export class PanelHeaderCorner extends PureComponent { return undefined; }; - getInfoContent = () => { + getInfoContent = (): JSX.Element => { const { panel } = this.props; const markdown = panel.description; const linkSrv = new LinkSrv(templateSrv, this.timeSrv); - const sanitize = str => str; // TODO const interpolatedMarkdown = templateSrv.replace(markdown, panel.scopedVars); const remarkableInterpolatedMarkdown = new Remarkable().render(interpolatedMarkdown); @@ -63,7 +58,8 @@ export class PanelHeaderCorner extends PureComponent { )} ); - return sanitize(html); + + return html; }; render() { @@ -72,13 +68,12 @@ export class PanelHeaderCorner extends PureComponent { if (!infoMode) { return null; } - const infoContent = this.getInfoContent(); return ( <> {infoMode === InfoModes.Info || infoMode === InfoModes.Links ? (