djkato/saleor-dashboard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix homepage analytisc card

Browse source
This commit is contained in:
Krzysztof Bialoglowicz 2019-09-10 15:28:09 +02:00
parent 258e6ad2a7
commit 3f20849866
4 changed files with 16 additions and 40 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/home/components/HomeAnalyticsCard/HomeAnalyticsCard.tsx
View file

@ -15,7 +15,7 @@ const styles = (theme: Theme) =>
createStyles({ createStyles({
cardContent: { cardContent: {
"&:last-child": { "&:last-child": {
paddingBottom: 16 padding: `${theme.spacing.unit * 2}px ${theme.spacing.unit * 3}px`
}, },
display: "grid", display: "grid",
gridColumnGap: theme.spacing.unit * 3 + "px", gridColumnGap: theme.spacing.unit * 3 + "px",
@ -28,12 +28,14 @@ const styles = (theme: Theme) =>
marginBottom: theme.spacing.unit * 3 marginBottom: theme.spacing.unit * 3
}, },
cardSubtitle: { cardSubtitle: {
color: theme.palette.text.secondary, color: theme.palette.primary.main,
height: "20px", height: "20px",
lineHeight: 0.9 lineHeight: 0.9,
fontSize: 12
}, },
cardTitle: { cardTitle: {
fontWeight: 600 as 600 fontWeight: 500 as 500,
fontSize: 20
}, },
icon: { icon: {
color: theme.palette.primary.contrastText, color: theme.palette.primary.contrastText,

4
src/home/components/HomePage/HomePage.tsx
View file

@ -78,7 +78,7 @@ const HomePage = withStyles(styles, { name: "HomePage" })(
<div className={classes.cardContainer}> <div className={classes.cardContainer}>
<HomeAnalyticsCard <HomeAnalyticsCard
title={"Sales"} title={"Sales"}
icon={<Sales fontSize={"inherit"} viewBox="0 0 48 48" />} icon={<Sales fontSize={"inherit"} viewBox="0 0 64 64" />}
> >
{sales ? ( {sales ? (
<Money money={sales} /> <Money money={sales} />
@ -88,7 +88,7 @@ const HomePage = withStyles(styles, { name: "HomePage" })(
</HomeAnalyticsCard> </HomeAnalyticsCard>
<HomeAnalyticsCard <HomeAnalyticsCard
title={"Orders"} title={"Orders"}
icon={<Orders fontSize={"inherit"} viewBox="0 0 48 48" />} icon={<Orders fontSize={"inherit"} viewBox="0 0 64 64" />}
> >
{orders === undefined ? ( {orders === undefined ? (
<Skeleton style={{ width: "5em" }} /> <Skeleton style={{ width: "5em" }} />

21
src/icons/Orders.tsx
View file

@ -4,24 +4,11 @@ import React from "react";
export const Orders = createSvgIcon( export const Orders = createSvgIcon(
<> <>
<path <path
fillRule="evenodd" fill-rule="evenodd"
clipRule="evenodd" clip-rule="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" 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="url(#paint0_linear)" 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"; Orders.displayName = "Orders";

21
src/icons/Sales.tsx
View file

@ -4,24 +4,11 @@ import React from "react";
export const Sales = createSvgIcon( export const Sales = createSvgIcon(
<> <>
<path <path
fillRule="evenodd" fill-rule="evenodd"
clipRule="evenodd" clip-rule="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" 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="url(#paint0_linear)" 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"; Sales.displayName = "Sales";