add form create inquiryPrivacyFencing

src/app/template.js

@@ -16,15 +16,15 @@ const Template = ({ children }) => {
                             scrollbarColor: `#155175 transparent`,
                         },
                         "*&::-webkit-scrollbar": {
-                            width: "5px",
+                            width: "4px",
                         },
                         "*&::-webkit-scrollbar-track": {
                             boxShadow: "inset 0 0 5px #fff",
-                            borderRadius: "5px",
+                            borderRadius: "4px",
                         },
                         "*&::-webkit-scrollbar-thumb": {
                             background: "#155175",
-                            borderRadius: "5px",
+                            borderRadius: "4px",
                         },
                     }}
                 />

src/components/dashboard/inquiryPrivacyFencing/Create/Form/index.jsx

@@ -9,66 +9,66 @@ import moment from "jalali-moment";
 import { Controller, useForm } from "react-hook-form";
 import LocationOnMap from "./LocationOnMap";
 
+const initValues = {
+    dabirkhaneh_number: '',
+    nameh_date: moment(),
+    nameh_date_fa: '',
+    marjae_pasokh: '',
+    motaghazi_is_legal_id: null,
+    motaghazi_is_legal: '',
+    motaghazi_type_id: '',
+    motaghazi_type: null,
+    motaghazi_firstname: '',
+    motaghazi_lastname: '',
+    national_id: '',
+    shenase_melli: '',
+    tel_number: '',
+    mobile_number: '',
+    address: '',
+    edare_kol_id: null,
+    edare_kol: '',
+    edare_shahri_id: null,
+    edare_shahri: '',
+    rah_type_id: null,
+    rah_type: '',
+    name_mehvar_id: '',
+    name_mehvar_fa: null,
+    mizan_harim: null,
+    arze_navar: null,
+    samt_id: null,
+    samt: '',
+    kilometr: '',
+    lat: '',
+    lon: '',
+    zone: null,
+    karbari_type_id: null,
+    karbari_type: '',
+    tarh_title: '',
+    masahat_zirbana: '',
+    ehdasat_type_id: [],
+    ehdasat_type: '',
+    divarkeshi_distance: '',
+    mostahadesat_distance: '',
+    mahale_ejra_id: null,
+    mahale_ejra: '',
+    traffic_id: null,
+    traffic: '',
+    vaziat_eghtesadi_id: null,
+    vaziat_eghtesadi: '',
+    has_access_id: null,
+    has_access: '',
+    shomare_estelam_harim: '',
+    max_month: '',
+    max_day: '',
+    shomare_tahaodname: '',
+    shomare_daftarkhaneh: '',
+    description: '',
+    ronevesht: '',
+}
+
 const CreateForm = ({ handleClose, mutate }) => {
-    const { control, watch, register, handleSubmit, setValue } = useForm({
-        defaultValues: {
-            dabirkhaneh_number: '',
-            nameh_date: moment(),
-            nameh_date_fa: '',
-            marjae_pasokh: '',
-            motaghazi_is_legal_id: null,
-            motaghazi_is_legal: '',
-            motaghazi_type_id: '',
-            motaghazi_type: null,
-            motaghazi_firstname: '',
-            motaghazi_lastname: '',
-            national_id: '',
-            shenase_melli: '',
-            tel_number: '',
-            mobile_number: '',
-            address: '',
-            edare_kol_id: null,
-            edare_kol: '',
-            edare_shahri_id: null,
-            edare_shahri: '',
-            rah_type_id: null,
-            rah_type: '',
-            name_mehvar_id: '',
-            name_mehvar_fa: null,
-            mizan_harim: null,
-            arze_navar: null,
-            samt_id: null,
-            samt: '',
-            kilometr: '',
-            lat: '',
-            lon: '',
-            zone: null,
-            karbari_type_id: null,
-            karbari_type: '',
-            tarh_title: '',
-            masahat_zirbana: '',
-            ehdasat_type_id: [],
-            ehdasat_type: '',
-            divarkeshi_distance: '',
-            mostahadesat_distance: '',
-            mahale_ejra_id: null,
-            mahale_ejra: '',
-            traffic_id: null,
-            traffic: '',
-            vaziat_eghtesadi_id: null,
-            vaziat_eghtesadi: '',
-            has_access_id: null,
-            has_access: '',
-            shomare_estelam_harim: '',
-            max_month: '',
-            max_day: '',
-            shomare_tahaodname: '',
-            shomare_daftarkhaneh: '',
-            description: '',
-            ronevesht: '',
-        }
-    });
     const request = useRequest()
+    const { control, watch, register, handleSubmit, setValue, formState: { isSubmitting } } = useForm({ defaultValues: initValues });
 
     const onSubmit = async (data) => {
         const formData = new FormData()
@@ -561,8 +561,8 @@ const CreateForm = ({ handleClose, mutate }) => {
                     </Grid>
                 </StyledForm>
             </DialogContent>
-            <DialogActions sx={{ p: 2 }}>
-                <Button variant="contained" size="large" type="submit" form={'InquiryPrivacyFencingCreateForm'}>ثبت</Button>
+            <DialogActions sx={{ p: 2, borderTop: 1, borderColor: 'divider' }}>
+                <Button variant="contained" size="large" sx={{ width: 150 }} type="submit" form={'InquiryPrivacyFencingCreateForm'} disabled={isSubmitting}>ثبت</Button>
             </DialogActions>
         </LocalizationProvider >
     );

src/components/dashboard/inquiryPrivacyFencing/Create/index.jsx

@@ -9,7 +9,7 @@ const InquiryPrivacyFencingCreate = ({ open, handleClose, mutate }) => {
     return (
         <>
             <Dialog open={open} fullScreen TransitionComponent={DialogTransition}>
-                <DialogTitle sx={{ m: 0, p: 2 }} id="create-dialog">
+                <DialogTitle sx={{ m: 0, p: 2, borderBottom: 1, borderColor: 'divider' }} id="create-dialog">
                     ایجاد پاسخ به استعلام
                 </DialogTitle>
                 <IconButton