From dc1d51a524b3272d3e1a898f732f3c053fcec9d3 Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Wed, 14 Mar 2018 20:44:39 -0700
Subject: [PATCH] Add optional heading to thresholds list

---
 ui/src/shared/components/ThresholdsList.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/ui/src/shared/components/ThresholdsList.js b/ui/src/shared/components/ThresholdsList.js
index 61a6b18f8f..55de78827c 100644
--- a/ui/src/shared/components/ThresholdsList.js
+++ b/ui/src/shared/components/ThresholdsList.js
@@ -112,11 +112,12 @@ class ThresholdsList extends Component {
   }
 
   render() {
-    const {singleStatColors} = this.props
+    const {singleStatColors, showListHeading} = this.props
     const disableAddThreshold = singleStatColors.length > MAX_THRESHOLDS
 
     return (
       <div className="thresholds-list">
+        {showListHeading && <label className="form-label">Thresholds</label>}
         <button
           className="btn btn-sm btn-primary"
           onClick={this.handleAddThreshold}
@@ -151,8 +152,11 @@ class ThresholdsList extends Component {
     )
   }
 }
-const {arrayOf, func, number, shape, string} = PropTypes
+const {arrayOf, bool, func, number, shape, string} = PropTypes
 
+ThresholdsList.defaultProps = {
+  showListHeading: false,
+}
 ThresholdsList.propTypes = {
   singleStatType: string.isRequired,
   singleStatColors: arrayOf(
@@ -166,6 +170,7 @@ ThresholdsList.propTypes = {
   ),
   handleUpdateSingleStatColors: func.isRequired,
   onResetFocus: func.isRequired,
+  showListHeading: bool,
 }
 
 const mapStateToProps = ({