From 0a5f920bf5b0383a6a79e1b699e67e8459b6b27f Mon Sep 17 00:00:00 2001
From: Johannes Schill <johannes.schill@polyester.se>
Date: Wed, 14 Nov 2018 22:02:50 +0100
Subject: [PATCH] panel-header: Avoid undefined classNames and use the real
 panel description

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

diff --git a/public/app/core/components/Tooltip/withPopper.tsx b/public/app/core/components/Tooltip/withPopper.tsx
index 247ad104186..b729c7cc3a4 100644
--- a/public/app/core/components/Tooltip/withPopper.tsx
+++ b/public/app/core/components/Tooltip/withPopper.tsx
@@ -68,6 +68,8 @@ export default function withPopper(WrappedComponent) {
 
     render() {
       const { show, placement } = this.state;
+      const className = this.props.className || '';
+
       return (
         <WrappedComponent
           {...this.props}
@@ -76,6 +78,7 @@ export default function withPopper(WrappedComponent) {
           renderContent={this.renderContent}
           show={show}
           placement={placement}
+          className={className}
         />
       );
     }
diff --git a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
index 37d9d53cb5d..32f3041bba5 100644
--- a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
+++ b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
@@ -42,15 +42,16 @@ export class PanelHeader extends PureComponent<Props, State> {
     const isLoading = false;
     const panelHeaderClass = classNames({ 'panel-header': true, 'grid-drag-handle': !isFullscreen });
     const { panel, dashboard, timeInfo } = this.props;
-    const cornerCssClass = panel.description ? 'panel-info-corner--info' : '';
     return (
       <div className={panelHeaderClass}>
-        <Tooltip content="hello world">
-          <span className={`panel-info-corner ${cornerCssClass}`}>
-            <i className="fa" />
-            <span className="panel-info-corner-inner" />
-          </span>
-        </Tooltip>
+        {panel.description && (
+          <Tooltip content={panel.description}>
+            <span className="panel-info-corner panel-info-corner--info">
+              <i className="fa" />
+              <span className="panel-info-corner-inner" />
+            </span>
+          </Tooltip>
+        )}
         {isLoading && (
           <span className="panel-loading">
             <i className="fa fa-spinner fa-spin" />