TF-98 user management debug

public/locales/fa/app.json

@@ -354,7 +354,7 @@
     "button-delete": "حذف کردن"
   },
   "AddDialog": {
-    "add": "کاربر جدید",
+    "add": "افزودن کاربر جدید",
     "phone_number": "شماره تلفن",
     "phone_number_positive": "شماره تلفن باید مثبت باشد",
     "phone_number_error": "وارد کردن شماره تلفن الزامیست",

src/components/dashboard/user-management/Form/CreateForm/CreateContent.jsx

@@ -1,30 +1,24 @@
-import {useTranslations} from "next-intl";
-import * as Yup from "yup";
-import {ADD_USER_MANAGEMENT} from "@/core/data/apiRoutes";
-import {useFormik} from "formik";
 import {
     Button,
-    Dialog,
     DialogActions,
     DialogContent,
-    DialogTitle,
     FormControl,
     FormHelperText,
     InputLabel,
     MenuItem,
     Select,
     Stack,
-    TextField,
-    Tooltip
+    TextField
 } from "@mui/material";
+import {useTranslations} from "next-intl";
 import useRequest from "@/lib/app/hooks/useRequest";
-import DataSaverOnIcon from "@mui/icons-material/DataSaverOn";
-import {useState} from "react";
+import * as Yup from "yup";
+import {useFormik} from "formik";
+import {ADD_USER_MANAGEMENT} from "@/core/data/apiRoutes";
 
-const AddForm = ({mutate, fetchUrl}) => {
+const CreateContent = ({mutate, fetchUrl, setOpenConfirmDialog}) => {
     const t = useTranslations();
     const requestServer = useRequest({auth: true})
-    const [openConfirmDialog, setOpenConfirmDialog] = useState(false);
     const validationSchema = Yup.object().shape({
         phone_number: Yup.mixed().test("is-number", `${t("AddDialog.phone_number_number")}`, (value) => !isNaN(value)).test("positive", `${t("AddDialog.phone_number_positive")}`, (value) => value >= 0)
             .test("max", `${t("AddDialog.phone_number_max")}`, (value) => value.length <= 11)
@@ -40,8 +34,6 @@ const AddForm = ({mutate, fetchUrl}) => {
         })
     });
 
-    // validationSchema.describe({value: {type_id: true}});
-
     const formik = useFormik({
         initialValues: {
             phone_number: "",
@@ -67,24 +59,9 @@ const AddForm = ({mutate, fetchUrl}) => {
             });
         },
     });
-    return (<Stack direction={"row"} spacing={2}>
-        <Tooltip title={t("AddDialog.add")} arrow placement="right">
-            <Button
-                color="primary"
-                variant="contained"
-                size="small"
-                sx={{textTransform: "unset", alignSelf: "center"}}
-                startIcon={<DataSaverOnIcon/>}
-                onClick={() => {
-                    setOpenConfirmDialog(true)
-                }}
-            >
-                {t("AddDialog.add")}
-            </Button>
-        </Tooltip>
-        <Dialog fullWidth open={openConfirmDialog}
-                PaperProps={{sx: {boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px'}}}>
-            <DialogTitle>{t("AddDialog.add")}</DialogTitle>
+
+    return (
+        <>
             <DialogContent>
                 <Stack spacing={2}>
                     <Stack>
@@ -180,7 +157,7 @@ const AddForm = ({mutate, fetchUrl}) => {
                     {t("AddDialog.button-add")}
                 </Button>
             </DialogActions>
-        </Dialog>
-    </Stack>);
-};
-export default AddForm;
+        </>
+    )
+}
+export default CreateContent

src/components/dashboard/user-management/Form/CreateForm/index.jsx

@@ -0,0 +1,35 @@
+import {Button, Dialog, DialogTitle, Stack, Tooltip} from "@mui/material";
+import DataSaverOnIcon from "@mui/icons-material/DataSaverOn";
+import {useTranslations} from "next-intl";
+import {useState} from "react";
+import CreateContent from "@/components/dashboard/user-management/Form/CreateForm/CreateContent";
+
+const CreateForm = ({mutate, fetchUrl}) => {
+    const t = useTranslations();
+    const [openConfirmDialog, setOpenConfirmDialog] = useState(false);
+
+    return (
+        <Stack direction={"row"} spacing={2}>
+            <Tooltip title={t("AddDialog.add")} arrow placement="right">
+                <Button
+                    color="primary"
+                    variant="contained"
+                    size="small"
+                    sx={{textTransform: "unset", alignSelf: "center"}}
+                    startIcon={<DataSaverOnIcon/>}
+                    onClick={() => {
+                        setOpenConfirmDialog(true)
+                    }}
+                >
+                    {t("AddDialog.add")}
+                </Button>
+            </Tooltip>
+            <Dialog fullWidth open={openConfirmDialog}
+                    PaperProps={{sx: {boxShadow: 'rgba(60, 64, 67, 0.3) 0px 1px 16px 0px, rgba(60, 64, 67, 0.15) 0px 1px 10px 0px'}}}>
+                <DialogTitle>{t("AddDialog.add")}</DialogTitle>
+                <CreateContent mutate={mutate} fetchUrl={fetchUrl} setOpenConfirmDialog={setOpenConfirmDialog}/>
+            </Dialog>
+        </Stack>
+    )
+}
+export default CreateForm

src/components/dashboard/user-management/TableToolbar.jsx

@@ -1,10 +1,10 @@
 import {useTranslations} from "next-intl";
-import AddForm from "./Form/AddForm";
+import CreateForm from "@/components/dashboard/user-management/Form/CreateForm";
 
 function TableToolbar({mutate, fetchUrl}) {
     const t = useTranslations();
 
-    return <AddForm mutate={mutate} fetchUrl={fetchUrl}/>
+    return <CreateForm mutate={mutate} fetchUrl={fetchUrl}/>
 
 }