QRunIO/qqq-frontend-material-dashboard
2
0
Fork 0
mirror of https://github.com/Kingsrook/qqq-frontend-material-dashboard.git synced 2025-07-18 13:20:43 +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

2
src/qqq/components/widgets/DashboardWidgets.tsx
View File

@ -27,6 +27,7 @@ import Grid from "@mui/material/Grid";
import parse from "html-react-parser";
import React, {useEffect, useReducer, useState} from "react";
import {useLocation} from "react-router-dom";
import colors from "qqq/assets/theme/base/colors";
import MDBadgeDot from "qqq/components/legacy/MDBadgeDot";
import MDTypography from "qqq/components/legacy/MDTypography";
import BarChart from "qqq/components/widgets/charts/barchart/BarChart";
@ -48,7 +49,6 @@ import TableCard from "qqq/components/widgets/tables/TableCard";
import Widget from "qqq/components/widgets/Widget";
import ProcessRun from "qqq/pages/processes/ProcessRun";
import Client from "qqq/utils/qqq/Client";
import colors from "qqq/assets/theme/base/colors";
const qController = Client.getInstance();

2
src/qqq/components/widgets/charts/linechart/SmallLineChart.tsx
View File

@ -24,9 +24,9 @@ import Card from "@mui/material/Card";
import parse from "html-react-parser";
import {useMemo} from "react";
import {Line} from "react-chartjs-2";
import colors from "qqq/assets/theme/base/colors";
import MDTypography from "qqq/components/legacy/MDTypography";
import configs from "qqq/components/widgets/charts/linechart/LineChartConfigs";
import colors from "qqq/assets/theme/base/colors";
//////////////////////////////////////////
// structure of expected bar chart data //

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>