From 3f20849866c8c7a5c8f73f4982783a19a120469b Mon Sep 17 00:00:00 2001
From: Krzysztof Bialoglowicz <krzysztof@mirumee.com>
Date: Tue, 10 Sep 2019 15:28:09 +0200
Subject: [PATCH] Fix homepage analytisc card

---
 .../HomeAnalyticsCard/HomeAnalyticsCard.tsx   | 10 +++++----
 src/home/components/HomePage/HomePage.tsx     |  4 ++--
 src/icons/Orders.tsx                          | 21 ++++---------------
 src/icons/Sales.tsx                           | 21 ++++---------------
 4 files changed, 16 insertions(+), 40 deletions(-)

diff --git a/src/home/components/HomeAnalyticsCard/HomeAnalyticsCard.tsx b/src/home/components/HomeAnalyticsCard/HomeAnalyticsCard.tsx
index 9820f87a6..4f7f27223 100644
--- a/src/home/components/HomeAnalyticsCard/HomeAnalyticsCard.tsx
+++ b/src/home/components/HomeAnalyticsCard/HomeAnalyticsCard.tsx
@@ -15,7 +15,7 @@ const styles = (theme: Theme) =>
   createStyles({
     cardContent: {
       "&:last-child": {
-        paddingBottom: 16
+        padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 3}px`
       },
       display: "grid",
       gridColumnGap: theme.spacing.unit * 3 + "px",
@@ -28,12 +28,14 @@ const styles = (theme: Theme) =>
       marginBottom: theme.spacing.unit * 3
     },
     cardSubtitle: {
-      color: theme.palette.text.secondary,
+      color: theme.palette.primary.main,
       height: "20px",
-      lineHeight: 0.9
+      lineHeight: 0.9,
+      fontSize: 12
     },
     cardTitle: {
-      fontWeight: 600 as 600
+      fontWeight: 500 as 500,
+      fontSize: 20
     },
     icon: {
       color: theme.palette.primary.contrastText,
diff --git a/src/home/components/HomePage/HomePage.tsx b/src/home/components/HomePage/HomePage.tsx
index 1607ee20f..4a34bf0ab 100644
--- a/src/home/components/HomePage/HomePage.tsx
+++ b/src/home/components/HomePage/HomePage.tsx
@@ -78,7 +78,7 @@ const HomePage = withStyles(styles, { name: "HomePage" })(
           <div className={classes.cardContainer}>
             <HomeAnalyticsCard
               title={"Sales"}
-              icon={<Sales fontSize={"inherit"} viewBox="0 0 48 48" />}
+              icon={<Sales fontSize={"inherit"} viewBox="0 0 64 64" />}
             >
               {sales ? (
                 <Money money={sales} />
@@ -88,7 +88,7 @@ const HomePage = withStyles(styles, { name: "HomePage" })(
             </HomeAnalyticsCard>
             <HomeAnalyticsCard
               title={"Orders"}
-              icon={<Orders fontSize={"inherit"} viewBox="0 0 48 48" />}
+              icon={<Orders fontSize={"inherit"} viewBox="0 0 64 64" />}
             >
               {orders === undefined ? (
                 <Skeleton style={{ width: "5em" }} />
diff --git a/src/icons/Orders.tsx b/src/icons/Orders.tsx
index 14e6a0246..7a655a2e9 100644
--- a/src/icons/Orders.tsx
+++ b/src/icons/Orders.tsx
@@ -4,24 +4,11 @@ import React from "react";
 export const Orders = createSvgIcon(
   <>
     <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M34.5789 6H9V42H34.5789V36.7895H32.6842V40.1053H10.8947V7.89474H32.6842V25.4211H34.5789V6ZM31.7369 35.2872L39.5121 27.5121L38.1723 26.1723L31.7369 32.6077L28.6173 29.4881L27.2775 30.8279L31.7369 35.2872ZM14.6842 11.6842H17.5263V14.5263H14.6842V11.6842ZM27.9474 11.6842H19.4211V14.5263H27.9474V11.6842ZM14.6842 17.3684H17.5263V20.2105H14.6842V17.3684ZM27.9474 17.3684H19.4211V20.2105H27.9474V17.3684ZM14.6842 23.0526H17.5263V25.8947H14.6842V23.0526ZM27.9474 23.0526H19.4211V25.8947H27.9474V23.0526Z"
-      fill="url(#paint0_linear)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M43 13H16V51H43V45.5H41V49H18V15H41V33.5H43V13ZM40 43.9142L48.2071 35.7071L46.7928 34.2929L40 41.0858L36.7071 37.7929L35.2928 39.2071L40 43.9142ZM22 19H25V22H22V19ZM36 19H27V22H36V19ZM22 25H25V28H22V25ZM36 25H27V28H36V25ZM22 31H25V34H22V31ZM36 31H27V34H36V31Z"
+      fill="#06847B"
     />
-    <defs>
-      <linearGradient
-        id="paint0_linear"
-        x1="9"
-        y1="6"
-        x2="48.3106"
-        y2="40.6161"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#06847B" />
-        <stop offset="1" stopColor="#3EE7CD" />
-      </linearGradient>
-    </defs>
   </>
 );
 Orders.displayName = "Orders";
diff --git a/src/icons/Sales.tsx b/src/icons/Sales.tsx
index 4aba8d63c..b3276b05a 100644
--- a/src/icons/Sales.tsx
+++ b/src/icons/Sales.tsx
@@ -4,24 +4,11 @@ import React from "react";
 export const Sales = createSvgIcon(
   <>
     <path
-      fillRule="evenodd"
-      clipRule="evenodd"
-      d="M31.4911 6H40.8033V14.5361L37.0667 11.1109L26.5267 21.6509L16.854 19.7163L7.49492 30.9473L6 29.7015L16.1003 17.5811L25.8871 19.5385L35.6308 9.79474L31.4911 6ZM13.0731 35.1892H9.18117V40.0541H13.0731V35.1892ZM7.23522 33.2432V42H15.019V33.2432H7.23522ZM17.9379 25.4595H21.8298V40.0541H17.9379V25.4595ZM15.992 42V23.5135H23.7758V42H15.992ZM30.5866 28.3784H26.6947V40.0541H30.5866V28.3784ZM24.7487 26.4324V42H32.5325V26.4324H24.7487ZM35.4514 19.6216H39.3433V40.0541H35.4514V19.6216ZM33.5055 42V17.6757H41.2893V42H33.5055Z"
-      fill="url(#paint0_linear)"
+      fill-rule="evenodd"
+      clip-rule="evenodd"
+      d="M40.1974 14H49.7682V22.7732L45.9287 19.2537L35.0969 30.0855L25.1555 28.0973L15.5364 39.6402L14 38.3598L24.3809 25.9027L34.4395 27.9145L44.453 17.901L40.1974 14ZM21.2682 44H17.2682V49H21.2682V44ZM15.2682 42V51H23.2682V42H15.2682ZM26.2682 34H30.2682V49H26.2682V34ZM24.2682 51V32H32.2682V51H24.2682ZM39.2682 37H35.2682V49H39.2682V37ZM33.2682 35V51H41.2682V35H33.2682ZM44.2682 28H48.2682V49H44.2682V28ZM42.2682 51V26H50.2682V51H42.2682Z"
+      fill="#06847B"
     />
-    <defs>
-      <linearGradient
-        id="paint0_linear"
-        x1="6"
-        y1="6"
-        x2="45.6223"
-        y2="46.3533"
-        gradientUnits="userSpaceOnUse"
-      >
-        <stop stopColor="#06847B" />
-        <stop offset="1" stopColor="#3EE7CD" />
-      </linearGradient>
-    </defs>
   </>
 );
 Sales.displayName = "Sales";