From ce9c8ae854bffcca06c1eaffd69e1b9ad6e213bb Mon Sep 17 00:00:00 2001
From: Patrick O'Carroll <ocarroll.patrick@gmail.com>
Date: Thu, 22 Feb 2018 09:58:52 +0100
Subject: [PATCH] added no copies div

---
 .../features/dashboard/dashgrid/AddPanelPanel.tsx  | 14 ++++++++++----
 public/sass/components/_panel_add_panel.scss       |  7 +++++++
 2 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx b/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx
index 1c2eeb8fcc6..23042285754 100644
--- a/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx
+++ b/public/app/features/dashboard/dashgrid/AddPanelPanel.tsx
@@ -112,11 +112,8 @@ export class AddPanelPanel extends React.Component<AddPanelPanelProps, AddPanelP
   }
 
   renderText(text: string) {
-    //if(this.state.filter) {
     let searchWords = this.state.filter.split('');
     return <Highlighter highlightClassName="highlight-search-match" textToHighlight={text} searchWords={searchWords} />;
-    //}
-    //return text;
   }
 
   renderPanelItem(panel, index) {
@@ -128,6 +125,10 @@ export class AddPanelPanel extends React.Component<AddPanelPanelProps, AddPanelP
     );
   }
 
+  noCopiedPanelPlugins() {
+    return <div className="add-panel__no-panels">No copied panels yet.</div>;
+  }
+
   filterChange(evt) {
     this.setState({
       filter: evt.target.value,
@@ -173,7 +174,12 @@ export class AddPanelPanel extends React.Component<AddPanelPanelProps, AddPanelP
     } else if (this.state.tab === 'Copy') {
       addClass = '';
       copyClass = 'active active--panel';
-      panelTab = this.state.copiedPanelPlugins.map(this.renderPanelItem);
+      console.log(this.state.copiedPanelPlugins);
+      if (this.state.copiedPanelPlugins.length > 0) {
+        panelTab = this.state.copiedPanelPlugins.map(this.renderPanelItem);
+      } else {
+        panelTab = this.noCopiedPanelPlugins();
+      }
     }
 
     return (
diff --git a/public/sass/components/_panel_add_panel.scss b/public/sass/components/_panel_add_panel.scss
index 6dd609ee544..5322d8fcea0 100644
--- a/public/sass/components/_panel_add_panel.scss
+++ b/public/sass/components/_panel_add_panel.scss
@@ -86,3 +86,10 @@
   margin-bottom: 10px;
   margin-top: 7px;
 }
+
+.add-panel__no-panels {
+  color: $text-color-weak;
+  font-style: italic;
+  width: 100%;
+  padding: 3px 8px;
+}