From cb879b29fedfd3682922a8351888918f35b35ffc Mon Sep 17 00:00:00 2001
From: sveisvei <sveinung.rosaker@gmail.com>
Date: Mon, 2 Jan 2017 20:41:49 +0100
Subject: [PATCH] red color on minute circle on metrics view

---
 frontend/src/component/feature/metric-component.jsx | 2 +-
 frontend/src/component/feature/progress.jsx         | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/feature/metric-component.jsx b/frontend/src/component/feature/metric-component.jsx
index 9923136a1a..021911c573 100644
--- a/frontend/src/component/feature/metric-component.jsx
+++ b/frontend/src/component/feature/metric-component.jsx
@@ -68,7 +68,7 @@ export default class MetricComponent extends React.Component {
                         lastMinute.isFallback ?
                         <Icon className={styles.problemIcon} name="report problem" title="No metrics avaiable" /> :
                         <div>
-                            <Progress animatePercentageText strokeWidth={10} percentage={lastMinutePercent} width="50" />
+                            <Progress color="#e91e63" animatePercentageText strokeWidth={10} percentage={lastMinutePercent} width="50" />
                         </div>
                     }
                     <p><strong>Last minute</strong><br /> Yes {lastMinute.yes}, No: {lastMinute.no}</p>
diff --git a/frontend/src/component/feature/progress.jsx b/frontend/src/component/feature/progress.jsx
index c17d970b79..16e1a76268 100644
--- a/frontend/src/component/feature/progress.jsx
+++ b/frontend/src/component/feature/progress.jsx
@@ -82,7 +82,7 @@ class Progress extends Component {
     }
 
     render () {
-        const { strokeWidth } = this.props;
+        const { strokeWidth, color } = this.props;
         const radius = (50 - strokeWidth / 2);
         const pathDescription = `
       M 50,50 m 0,-${radius}
@@ -92,6 +92,7 @@ class Progress extends Component {
 
         const diameter = Math.PI * 2 * radius;
         const progressStyle = {
+            stroke: color,
             strokeDasharray: `${diameter}px ${diameter}px`,
             strokeDashoffset: `${((100 - this.state.percentage) / 100 * diameter)}px`,
         };