From b8d55e82c4912809e3e957a58dee895c0dd56db8 Mon Sep 17 00:00:00 2001
From: Cesar <26280794+csrapr@users.noreply.github.com>
Date: Wed, 6 Jan 2021 16:39:36 +0000
Subject: [PATCH] Feat: add new style to percentage chart

---
 .../Graphs/PercentageChart.js                 |  8 +-----
 .../SystemPerformance/SystemPerformance.js    | 26 +++++++++++++++++++
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.js b/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.js
index 884b430b..f6b412f7 100644
--- a/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.js
+++ b/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/Graphs/PercentageChart.js
@@ -3,12 +3,7 @@ import classnames from 'classnames'
 import React from 'react'
 import { ReactComponent as CashIn } from 'src/styling/icons/direction/cash-in.svg'
 import { ReactComponent as CashOut } from 'src/styling/icons/direction/cash-out.svg'
-import {
-  zircon,
-  fontSize3,
-  fontSecondary,
-  fontColor
-} from 'src/styling/variables'
+import { fontSize3, fontSecondary, fontColor } from 'src/styling/variables'
 
 const styles = {
   wrapper: {
@@ -17,7 +12,6 @@ const styles = {
     marginTop: -8
   },
   percentageBox: {
-    backgroundColor: zircon,
     height: 130,
     borderRadius: 4,
     display: 'flex',
diff --git a/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.js b/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.js
index bbfe8a3e..41facd6a 100644
--- a/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.js
+++ b/new-lamassu-admin/src/pages/Dashboard/SystemPerformance/SystemPerformance.js
@@ -223,4 +223,30 @@ const SystemPerformance = () => {
   )
 }
 
+/**
+<Grid item xs={4}>
+              <div style={{ display: 'flex' }}>
+                <Label2>Direction</Label2>
+                <div style={{ marginLeft: 8, display: 'flex' }}>
+                  <div
+                    style={{
+                      width: 8,
+                      height: 8,
+                      borderRadius: 2,
+                      marginTop: 18,
+                      marginRight: 8,
+                      backgroundColor: 'pink'
+                    }}
+                  />
+                  <p>In</p>
+                </div>
+              </div>
+              <Grid container>
+                <Grid item xs>
+                  <PercentageChart data={getDirectionPercent()} />
+                </Grid>
+              </Grid>
+            </Grid>
+ */
+
 export default SystemPerformance