Fix color for crit vs warn vs green progress bars

src/components/hosts/HostItem.jsx

@@ -107,7 +107,7 @@ class HostItem extends Component {
             Comment: <span className="comment-color">({this.props.comment_author}): {formatDateTimeAgo(this.props.comment_entry_time)} {translate('ago', language)} - {this.props.comment}</span>
           </div>}
 
-          <Progress seconds={secondsToNextCheck}></Progress>
+          <Progress seconds={secondsToNextCheck} color={hostTextClass(e.status)}></Progress>
         </div>
       </div>
     );

src/components/services/ServiceItem.jsx

@@ -111,7 +111,7 @@ class ServiceItem extends Component {
             Comment: <span className="comment-color">({this.props.comment_author}): {formatDateTimeAgo(this.props.comment_entry_time)} ago - {this.props.comment}</span>
           </div>}
 
-          <Progress seconds={secondsToNextCheck}></Progress>
+          <Progress seconds={secondsToNextCheck} color={serviceTextClass(e.status)}></Progress>
 
         </div>
 

src/components/widgets/Progress.css

@@ -20,8 +20,18 @@
 	position: absolute;
 	bottom: 0px;
 	left: 0;
-	background-color: lime;
+	background-color: gray;
 	width: 100%;
 	/*transition: width 15s linear;*/
 	opacity: 0.5;
+}
+
+.Progress .progress-bar.color-yellow {
+	background-color: yellow;
+}
+.Progress .progress-bar.color-red {
+	background-color: pink;
+}
+.Progress .progress-bar.color-green {
+	background-color: lime;
 }

src/components/widgets/Progress.jsx

@@ -6,7 +6,7 @@ class Progress extends Component {
   shouldComponentUpdate(nextProps, nextState) {
     //console.log('shouldComponentUpdate', nextProps, nextState);
 
-    if (nextProps.seconds <= 0 && this.state.started === true) {
+    if (nextProps.seconds < 0 && this.state.started === true) {
       this.setState({ started: false });
       //return true;
     }
@@ -67,7 +67,7 @@ class Progress extends Component {
 
     return (
       <div className="Progress progress">
-        <div className="progress-bar" style={progressStyle}></div>
+        <div className={`progress-bar ${this.props.color}`} style={progressStyle}></div>
       </div>
     );
   }