From 8d095d1bb3c4d26894903b8af5bf1cfc0e62afe1 Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Thu, 8 Feb 2018 11:12:19 -0800
Subject: [PATCH] Connect line graph prefix and suffix to child single stat

---
 ui/src/shared/components/LineGraph.js  | 10 ++++++++++
 ui/src/shared/components/SingleStat.js |  3 +++
 2 files changed, 13 insertions(+)

diff --git a/ui/src/shared/components/LineGraph.js b/ui/src/shared/components/LineGraph.js
index 58f063445c..9650a773c6 100644
--- a/ui/src/shared/components/LineGraph.js
+++ b/ui/src/shared/components/LineGraph.js
@@ -84,6 +84,14 @@ class LineGraph extends Component {
       ? SINGLE_STAT_LINE_COLORS
       : overrideLineColors
 
+    let prefix
+    let suffix
+
+    if (axes) {
+      prefix = axes.y.prefix
+      suffix = axes.y.suffix
+    }
+
     return (
       <div className="dygraph graph--hasYLabel" style={{height: '100%'}}>
         {isRefreshing ? <GraphLoadingDots /> : null}
@@ -108,6 +116,8 @@ class LineGraph extends Component {
         />
         {showSingleStat
           ? <SingleStat
+              prefix={prefix}
+              suffix={suffix}
               data={data}
               lineGraph={true}
               colors={colors}
diff --git a/ui/src/shared/components/SingleStat.js b/ui/src/shared/components/SingleStat.js
index 26a6e6340b..cd2d0f7d9f 100644
--- a/ui/src/shared/components/SingleStat.js
+++ b/ui/src/shared/components/SingleStat.js
@@ -17,6 +17,7 @@ class SingleStat extends PureComponent {
       cellHeight,
       isFetchingInitially,
       colors,
+      prefix,
       suffix,
       lineGraph,
     } = this.props
@@ -74,6 +75,7 @@ class SingleStat extends PureComponent {
             'single-stat--small': cellHeight === SMALL_CELL_HEIGHT,
           })}
         >
+          {prefix}
           {roundedValue}
           {suffix}
           {lineGraph && <div className="single-stat--shadow" />}
@@ -98,6 +100,7 @@ SingleStat.propTypes = {
       value: string.isRequired,
     }).isRequired
   ),
+  prefix: string,
   suffix: string,
   lineGraph: bool,
 }