From 15baeb036144790e505958c95ae3b2b4a83c4bd0 Mon Sep 17 00:00:00 2001
From: AminGhasempoor <aminghasempoor79@gmail.com>
Date: Tue, 31 Oct 2023 15:26:22 +0330
Subject: [PATCH] LFFE-1 role management  structure enhancement

---
 .../refahi-province-manager/index.jsx         |  4 --
 .../Form/CreateForm/CreateContent.jsx         |  2 +-
 .../UpdateContent.jsx}                        | 60 +++++--------------
 .../role-management/Form/UpdateForm/index.jsx | 31 ++++++++++
 .../role-management/TableRowActions.jsx       |  4 +-
 5 files changed, 48 insertions(+), 53 deletions(-)
 rename src/components/dashboard/role-management/Form/{UpdateForm.jsx => UpdateForm/UpdateContent.jsx} (82%)
 create mode 100644 src/components/dashboard/role-management/Form/UpdateForm/index.jsx

diff --git a/src/components/dashboard/refahi-province-manager/index.jsx b/src/components/dashboard/refahi-province-manager/index.jsx
index a3e15d6..b7c13ce 100644
--- a/src/components/dashboard/refahi-province-manager/index.jsx
+++ b/src/components/dashboard/refahi-province-manager/index.jsx
@@ -125,15 +125,11 @@ function DashboardRefahiProvinceManagerComponent() {
         ],
         []
     );
-    const data =[{
-        id : 1
-    }]
     
     return (
         <DashboardLayouts>
             <Box sx={{px: 3}}>
                 <DataTable
-                data={data}
                     tableUrl={GET_REFAHI_PROVINCE_MANAGER}
                     columns={columns}
                     selectableRow={false}
diff --git a/src/components/dashboard/role-management/Form/CreateForm/CreateContent.jsx b/src/components/dashboard/role-management/Form/CreateForm/CreateContent.jsx
index e6500eb..b223bdc 100644
--- a/src/components/dashboard/role-management/Form/CreateForm/CreateContent.jsx
+++ b/src/components/dashboard/role-management/Form/CreateForm/CreateContent.jsx
@@ -57,7 +57,7 @@ const CreateContent = ({mutate, fetchUrl, setOpenConfirmDialog}) => {
         <>
             <DialogContent>
                 <Stack spacing={2}>
-                    <Stack direction="row" spacing={2}>
+                    <Stack direction="row" spacing={2} sx={{mt : 1}}>
                         <TextField
                             name="name"
                             label={t("AddDialog.name")}
diff --git a/src/components/dashboard/role-management/Form/UpdateForm.jsx b/src/components/dashboard/role-management/Form/UpdateForm/UpdateContent.jsx
similarity index 82%
rename from src/components/dashboard/role-management/Form/UpdateForm.jsx
rename to src/components/dashboard/role-management/Form/UpdateForm/UpdateContent.jsx
index 0705af0..a52f6b8 100644
--- a/src/components/dashboard/role-management/Form/UpdateForm.jsx
+++ b/src/components/dashboard/role-management/Form/UpdateForm/UpdateContent.jsx
@@ -1,33 +1,14 @@
-import {useTranslations} from "next-intl";
-import {useState} from "react";
-import {
-    Button,
-    Checkbox,
-    Dialog,
-    DialogActions,
-    DialogContent,
-    DialogTitle,
-    FormControl,
-    FormControlLabel,
-    FormHelperText,
-    FormLabel,
-    Grid,
-    IconButton,
-    Stack,
-    TextField,
-    Tooltip
-} from "@mui/material";
-import {useFormik} from "formik";
-import EditIcon from '@mui/icons-material/Edit';
-import {UPDATE_ROLE_MANAGEMENT} from "@/core/data/apiRoutes";
-import useRequest from "@/lib/app/hooks/useRequest";
+import { UPDATE_ROLE_MANAGEMENT } from "@/core/data/apiRoutes";
 import useNotification from "@/lib/app/hooks/useNotification";
-import * as Yup from "yup";
 import usePermissions from "@/lib/app/hooks/usePermissions";
+import useRequest from "@/lib/app/hooks/useRequest";
+import { Button, Checkbox, DialogActions, DialogContent, FormControl, FormControlLabel, FormHelperText, FormLabel, Grid, Stack, TextField } from "@mui/material"
+import { useFormik } from "formik";
+import { useTranslations } from "next-intl";
+import * as Yup from "yup";
 
-const UpdateForm = ({row, fetchUrl, mutate}) => {
+const UpdateContent = ({row, fetchUrl, mutate, setOpenConfirmDialog}) => {
     const t = useTranslations();
-    const [openConfirmDialog, setOpenConfirmDialog] = useState(false);
     const requestServer = useRequest({auth: true})
     const {update_notification} = useNotification()
     const {permissions_list} = usePermissions()
@@ -62,24 +43,11 @@ const UpdateForm = ({row, fetchUrl, mutate}) => {
             });
         },
     });
-
-    return (<>
-        <Tooltip title={t("UpdateDialog.update-tooltip")}>
-            <IconButton
-                color="primary"
-                onClick={() => {
-                    setOpenConfirmDialog(true)
-                }}
-            >
-                <EditIcon/>
-            </IconButton>
-        </Tooltip>
-        <Dialog maxWidth={"md"} 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("UpdateDialog.update")}</DialogTitle>
+    return(
+        <>
             <DialogContent>
                 <Stack spacing={2}>
-                    <Stack direction="row" spacing={2} sx={{mt: 1}}>
+                    <Stack direction="row" spacing={2} sx={{mt : 1}}>
                         <TextField
                             name="name"
                             label={t("UpdateDialog.name")}
@@ -150,7 +118,7 @@ const UpdateForm = ({row, fetchUrl, mutate}) => {
                     {t("UpdateDialog.button-update")}
                 </Button>
             </DialogActions>
-        </Dialog>
-    </>);
-};
-export default UpdateForm;
\ No newline at end of file
+        </>
+    )
+}
+export default UpdateContent
\ No newline at end of file
diff --git a/src/components/dashboard/role-management/Form/UpdateForm/index.jsx b/src/components/dashboard/role-management/Form/UpdateForm/index.jsx
new file mode 100644
index 0000000..2654f0e
--- /dev/null
+++ b/src/components/dashboard/role-management/Form/UpdateForm/index.jsx
@@ -0,0 +1,31 @@
+import { Dialog, DialogTitle, IconButton, Tooltip } from "@mui/material"
+import { useTranslations } from "next-intl";
+import { useState } from "react";
+import EditIcon from '@mui/icons-material/Edit';
+import UpdateContent from "./UpdateContent";
+
+const Update = ({row, fetchUrl, mutate}) => {
+    const t = useTranslations();
+    const [openConfirmDialog, setOpenConfirmDialog] = useState(false);
+    
+    return (
+        <>
+            <Tooltip title={t("UpdateDialog.update-tooltip")}>
+                <IconButton
+                    color="primary"
+                    onClick={() => {
+                        setOpenConfirmDialog(true)
+                    }}
+                >
+                    <EditIcon/>
+                </IconButton>
+            </Tooltip>
+            <Dialog maxWidth={"md"} 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("UpdateDialog.update")}</DialogTitle>
+                <UpdateContent row={row} fetchUrl={fetchUrl} mutate={mutate} setOpenConfirmDialog={setOpenConfirmDialog} />
+            </Dialog>
+        </>
+    )
+}
+export default Update
\ No newline at end of file
diff --git a/src/components/dashboard/role-management/TableRowActions.jsx b/src/components/dashboard/role-management/TableRowActions.jsx
index 5b0f031..8eb5a35 100644
--- a/src/components/dashboard/role-management/TableRowActions.jsx
+++ b/src/components/dashboard/role-management/TableRowActions.jsx
@@ -1,12 +1,12 @@
 import {Box} from "@mui/material";
 import DeleteForm from "./Form/DeleteForm"
-import UpdateForm from "./Form/UpdateForm"
+import Update from "./Form/UpdateForm";
 
 const TableRowActions = ({row, mutate, fetchUrl}) => {
 
     return (
         <Box sx={{display: "flex", flexWrap: "nowrap", gap: "8px"}}>
-            <UpdateForm
+            <Update
                 row={row}
                 mutate={mutate}
                 fetchUrl={fetchUrl}