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

fix Sales and Orders icons color

Browse source 
The icons color was hardcoded on the svg file, I've set it to theme primary color variable
This commit is contained in:
Mohamed Wael 2020-04-15 19:08:14 +01:00 committed by GitHub
parent ffced45d55
commit 95797bae99
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

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