add section icons; fix 'All All' on entity-list

This commit is contained in:
2022-10-27 13:38:42 -05:00
parent 7aa3521775
commit b87dbf231d
7 changed files with 15 additions and 7 deletions

View File

@ -13,7 +13,7 @@
"@fullcalendar/interaction": "5.10.0",
"@fullcalendar/react": "5.10.0",
"@fullcalendar/timegrid": "5.10.0",
"@kingsrook/qqq-frontend-core": "1.0.25",
"@kingsrook/qqq-frontend-core": "1.0.27",
"@mui/icons-material": "5.4.1",
"@mui/material": "5.4.1",
"@mui/styled-engine": "5.4.1",

Binary file not shown.

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 13 KiB

View File

@ -25,7 +25,7 @@ import {QProcessMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/
import {QReportMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QReportMetaData";
import {QTableMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QTableMetaData";
import {QWidgetMetaData} from "@kingsrook/qqq-frontend-core/lib/model/metaData/QWidgetMetaData";
import {Icon} from "@mui/material";
import {Box, Icon, Typography} from "@mui/material";
import Card from "@mui/material/Card";
import Divider from "@mui/material/Divider";
import Grid from "@mui/material/Grid";
@ -127,7 +127,7 @@ function AppHome({app}: Props): JSX.Element
tableCounts.set(table.name, {isLoading: false, value: count});
setTableCounts(tableCounts);
if(count !== null && count !== undefined)
if (count !== null && count !== undefined)
{
tableCountNumbers.set(table.name, count.toLocaleString());
tableCountTexts.set(table.name, count === 1 ? "total record" : "total records");
@ -187,9 +187,17 @@ function AppHome({app}: Props): JSX.Element
{app.sections.map((section) => (
<MDBox key={section.name} mb={3}>
<Card sx={{overflow: "visible"}}>
<MDBox p={3}>
<MDTypography variant="h5">{section.label}</MDTypography>
</MDBox>
<Box p={3} display="flex" alignItems="center" gap=".5rem">
{
section.icon &&
(
section.icon.path && <img src={section.icon.path} alt={section.label} />
)
}
<Typography variant="h5">
{section.label}
</Typography>
</Box>
{
section.processes ? (
<MDBox p={3} pl={5} pt={0}>

View File

@ -1113,7 +1113,7 @@ function EntityList({table, launchProcess}: Props): JSX.Element
selectFullFilterState === "filter" && (
<div className="selectionTool">
All
<strong>{` ${totalRecords ? totalRecords.toLocaleString() : "All"} `}</strong>
<strong>{` ${totalRecords ? totalRecords.toLocaleString() : ""} `}</strong>
records matching this query are selected.
<Button onClick={() => setSelectFullFilterState("checked")}>
Select the