From a92b04a37b5886ce3dbbc6c750285102ef5b3526 Mon Sep 17 00:00:00 2001
From: Patrick Fic <snaptsoft@gmail.com>
Date: Fri, 13 Nov 2020 14:33:59 -0800
Subject: [PATCH] Added reporting variance to header of reporting RPS-45

---
 .../reporting-totals-stats.molecule.jsx                  | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/components/molecules/reporting-totals-stats/reporting-totals-stats.molecule.jsx b/src/components/molecules/reporting-totals-stats/reporting-totals-stats.molecule.jsx
index 066fe24..a7f69e8 100644
--- a/src/components/molecules/reporting-totals-stats/reporting-totals-stats.molecule.jsx
+++ b/src/components/molecules/reporting-totals-stats/reporting-totals-stats.molecule.jsx
@@ -54,6 +54,15 @@ export function ReportingTotalsStatsMolecule({ reportingLoading, scoreCard }) {
           value={((scoreCard.currentRpsPc || 0) * 100).toFixed(1)}
           suffix="%"
         />
+        <Statistic
+          title="RPS Variance %"
+          style={{ margin: "0rem .5rem" }}
+          valueStyle={{
+            color: scoreCard.variancePc < 0 ? "tomato" : "seagreen",
+          }}
+          value={(scoreCard.variancePc * 100).toFixed(2)}
+          suffix="%"
+        />
       </div>
       <div style={{ display: "flex" }}>
         <Statistic