umwd-components 0.1.653 → 0.1.655

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

@@ -4,56 +4,55 @@ import React, { useState, useEffect } from "react";
 import Paper from "@mui/material/Paper";
 import Box from "@mui/material/Box";
 import Stack from "@mui/material/Stack";
-import Alert from "@mui/material/Alert";
 import Typography from "@mui/material/Typography";
 import { SubmitButton } from "../../SubmitButton";
 import { useFormState } from "react-dom";
-import { StrapiErrors } from "../../StrapiErrors";
 import { updateProductAction } from "../../../data/actions/e-commerce/product/updateProductAction";
 import Grid from "@mui/material/Grid";
 import { ProductStock } from "../../../types/e-commerce/product/types";
 import { SxProps } from "@mui/material/styles";
 import ReportsDisplay from "../../logistics/report/ReportsDisplay";
 import ReportMakingComponent from "../../logistics/report/ReportMakingComponent";
-import {
-  Table,
-  TableBody,
-  TableCell,
-  TableContainer,
-  TableFooter,
-  TableHead,
-  TableRow,
-  Tooltip,
-} from "@mui/material";
+import { useSnackbar } from "../../../context/common/SnackbarContext";
+import Table from "@mui/material/Table";
+import TableBody from "@mui/material/TableBody";
+import TableCell from "@mui/material/TableCell";
+import TableContainer from "@mui/material/TableContainer";
+import TableFooter from "@mui/material/TableFooter";
+import TableHead from "@mui/material/TableHead";
+import TableRow from "@mui/material/TableRow";
+import Tooltip from "@mui/material/Tooltip";
+import Button from "@mui/material/Button";
 import AmountIndicator from "../../../components/common/AmountIndicator";
 import { IpoItem } from "../../../types/logistics/Ipo";
 import { OpoItem } from "../../../types/e-commerce/opo/types";
-import { useSnackbar } from "../../../context/common/SnackbarContext";
 
 const INITIAL_STATE = {
   zodErrors: null,
   strapiErrors: null,
-  severity: null,
   data: null,
   message: null,
+  severity: null,
 };
 
 export function EditStockForm({
   data,
   revalidateCallback,
+  handleClose,
   sx,
 }: {
   data: ProductStock;
   revalidateCallback: () => void;
+  handleClose?: () => void;
   sx?: SxProps;
 }) {
   const { id, title, product_number, stock, ipos, opos, reports } = data;
+  const { handleAddMessage } = useSnackbar();
 
   const [formState, formAction] = useFormState(
     updateProductAction,
     INITIAL_STATE
   );
-  const { handleAddMessage } = useSnackbar();
 
   useEffect(() => {
     if (formState?.message) {
@@ -64,18 +63,19 @@ export function EditStockForm({
 
       if (formState.severity === "success") {
         revalidateCallback && revalidateCallback();
+        handleClose && handleClose();
       }
     }
-  }, [formState?.message]);
+  }, [formState?.message, handleAddMessage, revalidateCallback, handleClose]);
 
   useEffect(() => {
     if (formState?.strapiErrors) {
       handleAddMessage({
         message: formState.strapiErrors.message || "Error updating stock",
-        severity: formState.severity || "error",
+        severity: "error",
       });
     }
-  }, [formState?.strapiErrors]);
+  }, [formState?.strapiErrors, handleAddMessage]);
 
   return (
     <Box sx={[...(Array.isArray(sx) ? sx : [sx])]}>
@@ -391,21 +391,21 @@ export function EditStockForm({
           </Grid>
           <Grid item xs={12}>
             <Stack
-              direction="row-reverse"
-              spacing={2}
-              alignItems={"center"}
-              sx={{
-                py: 1,
-              }}
+              direction="row"
+              justifyContent="space-between"
+              alignItems="center"
+              sx={{ py: 1 }}
             >
-              <SubmitButton text="update stock" loadingText="loading" />
-              {formState?.strapiErrors && (
-                <StrapiErrors error={formState?.strapiErrors} />
-              )}
-
-              {formState?.message && (
-                <Alert severity="error">{formState?.message}</Alert>
+              {handleClose && (
+                <Button onClick={handleClose} variant="outlined">
+                  Close
+                </Button>
               )}
+              <SubmitButton
+                text="Update Stock"
+                loadingText="Updating..."
+                variant="contained"
+              />
             </Stack>
           </Grid>
         </Grid>