From 5d1c5502f1f47f86200e1ea4ffc2d1c2d1a53ae4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Fri, 16 Nov 2018 07:41:40 +0100
Subject: [PATCH] minor fixes

---
 public/app/core/components/Tooltip/withPopper.tsx |  3 ++-
 .../dashgrid/PanelHeader/PanelHeaderCorner.tsx    | 15 +++++----------
 2 files changed, 7 insertions(+), 11 deletions(-)

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<Props> {
 
   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<Props> {
     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<Props> {
           )}
       </div>
     );
-    return sanitize(html);
+
+    return html;
   };
 
   render() {
@@ -72,13 +68,12 @@ export class PanelHeaderCorner extends PureComponent<Props> {
     if (!infoMode) {
       return null;
     }
-    const infoContent = this.getInfoContent();
 
     return (
       <>
         {infoMode === InfoModes.Info || infoMode === InfoModes.Links ? (
           <Tooltip
-            content={infoContent}
+            content={this.getInfoContent}
             className="absolute"
             refClassName={`panel-info-corner panel-info-corner--${infoMode.toLowerCase()}`}
           >