SPRINT-12: added stepper card and link on table widgets

This commit is contained in:
Tim Chamberlain
2022-09-29 13:39:43 -05:00
parent 3ce6a8858e
commit 34d3164087
6 changed files with 558 additions and 137 deletions

View File

@ -31,6 +31,7 @@ import BarChart from "qqq/pages/dashboards/Widgets/BarChart";
import LineChart from "qqq/pages/dashboards/Widgets/LineChart";
import MultiStatisticsCard from "qqq/pages/dashboards/Widgets/MultiStatisticsCard";
import QuickSightChart from "qqq/pages/dashboards/Widgets/QuickSightChart";
import StepperCard from "qqq/pages/dashboards/Widgets/StepperCard";
import TableCard from "qqq/pages/dashboards/Widgets/TableCard";
import QClient from "qqq/utils/QClient";
@ -100,7 +101,6 @@ function DashboardWidgets({widgetNameList, entityPrimaryKey}: Props): JSX.Elemen
};
const widgetCount = widgets ? widgets.length : 0;
console.log(widgets);
return (
@ -115,6 +115,8 @@ function DashboardWidgets({widgetNameList, entityPrimaryKey}: Props): JSX.Elemen
<TableCard
color="info"
title={widget.title}
linkText={widget.linkText}
linkURL={widget.linkURL}
noRowsFoundHTML={widget.noRowsFoundHTML}
data={widget}
dropdownOptions={widget.dropdownOptions}
@ -123,6 +125,24 @@ function DashboardWidgets({widgetNameList, entityPrimaryKey}: Props): JSX.Elemen
/>
)
}
{
widget.type === "stepper" && (
<MDBox>
<Card sx={{marginTop: "0px", paddingTop: "0px"}}>
<MDBox padding="1rem">
{
widget.title && (
<MDTypography variant="h5" textTransform="capitalize">
{widget.title}
</MDTypography>
)
}
<StepperCard data={widget} />
</MDBox>
</Card>
</MDBox>
)
}
{
widget.type === "html" && (
<MDBox pb={3}>

View File

@ -37,7 +37,6 @@ function DataTableBodyCell({noBorder, align, children}: Props): JSX.Element
<MDBox
component="td"
textAlign={align}
verticalAlign="top"
py={1.5}
px={3}
sx={({palette: {light}, typography: {size}, borders: {borderWidth}}: Theme) => ({