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

SPRINT-12: added widget meta data

Browse Source
This commit is contained in:
Tim Chamberlain
2022-10-03 14:00:48 -05:00
parent 34d3164087
commit 8bea9110c7
7 changed files with 324 additions and 272 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/qqq/pages/dashboards/Widgets/StepperCard.tsx
View File

@ -20,11 +20,12 @@
*/
import {Check, Pending, RocketLaunch} from "@mui/icons-material";
import {StepConnector} from "@mui/material";
import {Skeleton, StepConnector} from "@mui/material";
import Step from "@mui/material/Step";
import StepLabel from "@mui/material/StepLabel";
import Stepper from "@mui/material/Stepper";
import {withStyles} from "@mui/styles";
import React from "react";
import {NavLink} from "react-router-dom";
import MDBox from "qqq/components/Temporary/MDBox";
@ -71,12 +72,14 @@ function StepperCard({data}: Props): JSX.Element
}
})(StepConnector);
console.log(`data ${JSON.stringify(data)}`);
return (
<Stepper connector={<CustomizedConnector />} activeStep={activeStep} alternativeLabel sx={{paddingBottom: "0px", boxShadow: "none", background: "white"}}>
{
data && (
data && data.steps ? (
data.steps.map((step, index) => (
<Step key={step.label} sx={{color: "red"}}>
<Step key={step.label}>
{
index < activeStep && (
<MDBox>
@ -128,6 +131,8 @@ function StepperCard({data}: Props): JSX.Element
}
</Step>
))
) : (
<Skeleton width="100%" height="80px" />
)
}
</Stepper>