umwd-components 0.1.684 → 0.1.686

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "umwd-components",
-  "version": "0.1.684",
+  "version": "0.1.686",
   "description": "UMWD Component library",
   "main": "dist/src/index.js",
   "module": "dist/src/index.js",

package/src/components/common/AmountIndicator.tsx

@@ -31,9 +31,15 @@ export function AmountIndicator({
       }}
     >
       {value !== maxValue ? (
-        <Typography variant="body2">{`${value} / ${maxValue}`}</Typography>
+        <Typography
+          variant="body2"
+          color={theme.palette[color].contrastText}
+        >{`${value} / ${maxValue}`}</Typography>
       ) : (
-        <Typography variant="body2">{`${value}`}</Typography>
+        <Typography
+          variant="body2"
+          color={theme.palette[color].contrastText}
+        >{`${value}`}</Typography>
       )}
     </Box>
   );

package/src/components/e-commerce/products/EditStockForm.tsx

@@ -85,7 +85,9 @@ export function EditStockForm({
         </Grid>
         <Grid item xs={12}>
           <TableContainer component={Paper}>
-            <Typography variant="h6">Incoming orders</Typography>
+            <Typography variant="h6" sx={{ pl: 2 }}>
+              Incoming orders
+            </Typography>
             <Table size="small">
               <TableHead>
                 <TableRow>
@@ -159,7 +161,9 @@ export function EditStockForm({
                 </TableRow>
               </TableFooter>
             </Table>
-            <Typography variant="h6">Outgoing orders</Typography>
+            <Typography variant="h6" sx={{ pl: 2 }}>
+              Outgoing orders
+            </Typography>
             <Table size="small">
               <TableHead>
                 <TableRow>

package/src/components/logistics/report/ReportMakingComponent.tsx

@@ -18,7 +18,8 @@ import { createReportAction } from "../../../data/actions/logistics/report/creat
 import { ReportMakingComponentProps } from "../../../types/logistics/Report";
 import MarkdownEditor from "../../../components/common/markdown/MarkdownEditor";
 import AnnouncementIcon from "@mui/icons-material/Announcement";
-import { Tooltip } from "@mui/material";
+import { Box, Tooltip } from "@mui/material";
+import { Block } from "@mui/icons-material";
 
 const INITIAL_STATE = {
   zodErrors: null,
@@ -57,11 +58,13 @@ export default function ReportMakingComponent({
 
   return (
     <>
-      <Tooltip title="Create a report">
-        <IconButton onClick={() => setOpen(true)}>
-          <AnnouncementIcon fontSize="large" />
-        </IconButton>
-      </Tooltip>
+      <Box sx={{ display: "block", position: "relative" }}>
+        <Tooltip title="Create a report">
+          <IconButton onClick={() => setOpen(true)}>
+            <AnnouncementIcon fontSize="large" />
+          </IconButton>
+        </Tooltip>
+      </Box>
 
       <Dialog open={open} fullWidth={true} maxWidth={"lg"}>
         <form action={formAction}>

package/src/components/logistics/report/ReportsDisplay.tsx

@@ -30,12 +30,12 @@ const ReportsDisplay = ({ reports }: { reports: Report[] }) => {
               </Grid>
               <Grid item xs={2}>
                 <Typography variant="body2" align="right">
-                  {report.author?.username}
+                  {report.author?.username ? report.author.username : "Unknown"}
                 </Typography>
               </Grid>
 
               <Grid item xs={12}>
-                <Divider sx={{ mb: 1 }} />
+                <Divider sx={{ my: 1 }} />
               </Grid>
             </Grid>
           );