From d6964d058f109765007856ef6175bc7aeedb4ccd Mon Sep 17 00:00:00 2001
From: Kyle Knight <kyle@kolide.co>
Date: Wed, 11 Jan 2017 13:27:46 -0600
Subject: [PATCH] Remove descriptions from custom labels (#870)

---
 .../PanelGroupItem/PanelGroupItem.jsx            | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/frontend/components/side_panels/HostSidePanel/PanelGroupItem/PanelGroupItem.jsx b/frontend/components/side_panels/HostSidePanel/PanelGroupItem/PanelGroupItem.jsx
index 531c4694fc..469c555b3e 100644
--- a/frontend/components/side_panels/HostSidePanel/PanelGroupItem/PanelGroupItem.jsx
+++ b/frontend/components/side_panels/HostSidePanel/PanelGroupItem/PanelGroupItem.jsx
@@ -30,12 +30,22 @@ class PanelGroupItem extends Component {
     return <Icon name={iconClassForLabel(item)} className={`${baseClass}__icon`} />;
   }
 
+  renderDescription = () => {
+    const { item } = this.props;
+    const { description, type } = item;
+
+    if (!description || type === 'custom') {
+      return false;
+    }
+
+    return <span className={`${baseClass}__description`}>{description}</span>;
+  }
+
   render () {
-    const { renderIcon } = this;
+    const { renderDescription, renderIcon } = this;
     const { item, onLabelClick, isSelected } = this.props;
     const {
       count,
-      description,
       display_text: displayText,
       type,
     } = item;
@@ -56,7 +66,7 @@ class PanelGroupItem extends Component {
           {renderIcon()}
           <span className={`${baseClass}__name`}>
             {displayText}
-            {description && <span className={`${baseClass}__description`}>{description}</span>}
+            {renderDescription()}
           </span>
           <span className={`${baseClass}__count`}>{count}</span>
         </div>