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 ; } + renderDescription = () => { + const { item } = this.props; + const { description, type } = item; + + if (!description || type === 'custom') { + return false; + } + + return {description}; + } + 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()} {displayText} - {description && {description}} + {renderDescription()} {count}