From 95797bae999c772a2a4719c848d227422cfbe747 Mon Sep 17 00:00:00 2001
From: Mohamed Wael <khelilwael@gmail.com>
Date: Wed, 15 Apr 2020 19:08:14 +0100
Subject: [PATCH] fix Sales and Orders icons color

The icons color was hardcoded on the svg file, I've set it to theme primary color variable
---
 src/home/components/HomePage/HomePage.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/home/components/HomePage/HomePage.tsx b/src/home/components/HomePage/HomePage.tsx
index ff0dd069a..f4015a240 100644
--- a/src/home/components/HomePage/HomePage.tsx
+++ b/src/home/components/HomePage/HomePage.tsx
@@ -34,7 +34,12 @@ const useStyles = makeStyles(
       [theme.breakpoints.down("xs")]: {
         gridTemplateColumns: "1fr"
       }
-    }
+    },
+    icon: {
+      "& path":{
+        fill:theme.palette.primary.main,
+      }
+    },
   }),
   { name: "HomePage" }
 );
@@ -86,7 +91,7 @@ const HomePage: React.FC<HomePageProps> = props => {
             <div className={classes.cardContainer}>
               <HomeAnalyticsCard
                 title={"Sales"}
-                icon={<Sales fontSize={"inherit"} viewBox="0 0 64 64" />}
+                icon={<Sales className={classes.icon} fontSize={"inherit"} viewBox="0 0 64 64" />}
               >
                 {sales ? (
                   <Money money={sales} />
@@ -96,7 +101,7 @@ const HomePage: React.FC<HomePageProps> = props => {
               </HomeAnalyticsCard>
               <HomeAnalyticsCard
                 title={"Orders"}
-                icon={<Orders fontSize={"inherit"} viewBox="0 0 64 64" />}
+                icon={<Orders className={classes.icon} fontSize={"inherit"} viewBox="0 0 64 64" />}
               >
                 {orders === undefined ? (
                   <Skeleton style={{ width: "5em" }} />