QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-19 05:40:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

SPRINT-18: fixed import orders, some fixes due to using Box vs MDBox

Browse Source
This commit is contained in:
Tim Chamberlain
2023-01-05 11:25:55 -06:00
parent 267580b44b
commit 28cdb78c3a
15 changed files with 289 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

57
src/qqq/components/widgets/statistics/MiniStatisticsCard.tsx
View File

@ -24,8 +24,9 @@ import Card from "@mui/material/Card";
import Grid from "@mui/material/Grid";
import Icon from "@mui/material/Icon";
import {ReactNode} from "react";
import {useMaterialUIController} from "qqq/context";
import colors from "qqq/assets/theme/base/colors";
import MDTypography from "qqq/components/legacy/MDTypography";
import {useMaterialUIController} from "qqq/context";
// Decalaring props types for MiniStatisticsCard
@ -70,24 +71,6 @@ function MiniStatisticsCard({
>
<Box p={2}>
<Grid container alignItems="center">
{direction === "left" ? (
<Grid item xs={4}>
<Box
color={bgColor === "white" ? "white" : "dark"}
width="4rem"
height="4rem"
borderRadius="md"
display="flex"
justifyContent="center"
alignItems="center"
sx={{backgroundColor: bgColor === "white" ? icon.color : "white"}}
>
<Icon fontSize="medium" color="inherit">
{icon.component}
</Icon>
</Box>
</Grid>
) : null}
<Grid item xs={8}>
<Box
ml={direction === "left" ? 2 : 0}
@ -115,25 +98,23 @@ function MiniStatisticsCard({
</MDTypography>
</Box>
</Grid>
{direction === "right" ? (
<Grid item xs={4}>
<Box
color={bgColor === "white" ? "white" : "dark"}
width="4rem"
height="4rem"
marginLeft="auto"
borderRadius="md"
display="flex"
justifyContent="center"
alignItems="center"
sx={{backgroundColor: bgColor === "white" ? icon.color : "white"}}
>
<Icon fontSize="medium" color="inherit">
{icon.component}
</Icon>
</Box>
</Grid>
) : null}
<Grid item xs={4}>
<Box
width="4rem"
height="4rem"
marginLeft="auto"
borderRadius="md"
display="flex"
justifyContent="center"
alignItems="center"
color="#FFFFFF"
sx={{borderRadius: "10px", backgroundColor: colors.info.main}}
>
<Icon fontSize="medium" color="inherit">
{icon.component}
</Icon>
</Box>
</Grid>
</Grid>
</Box>
</Box>