From c7098dd410b4fd174e050cc829101d34ef9cc827 Mon Sep 17 00:00:00 2001
From: Amirhossein Mahmoodi <amir.mahmoodi74@gmail.com>
Date: Sun, 14 Jul 2024 14:46:08 +0330
Subject: [PATCH] fixed bug

---
 .../Forms/CreateOrUpdate.jsx                  | 810 +++++++++---------
 src/lib/contexts/DataTable.js                 |   8 +-
 2 files changed, 410 insertions(+), 408 deletions(-)

diff --git a/src/components/dashboard/inquiryPrivacyFencing/Forms/CreateOrUpdate.jsx b/src/components/dashboard/inquiryPrivacyFencing/Forms/CreateOrUpdate.jsx
index 18e511c..b589b05 100644
--- a/src/components/dashboard/inquiryPrivacyFencing/Forms/CreateOrUpdate.jsx
+++ b/src/components/dashboard/inquiryPrivacyFencing/Forms/CreateOrUpdate.jsx
@@ -1,7 +1,7 @@
 import LtrTextField from "@/core/components/LtrTextField";
 import StyledForm from "@/core/components/StyledForm";
 import useRequest from "@/lib/hooks/useRequest";
-import { Autocomplete, Box, Button, Chip, DialogActions, DialogContent, Fade, Grid, InputAdornment, Stack, TextField, Typography } from "@mui/material";
+import { Autocomplete, Box, Button, Chip, Container, DialogActions, DialogContent, Fade, Grid, InputAdornment, Stack, TextField, Typography } from "@mui/material";
 import { DatePicker, LocalizationProvider, faIR } from "@mui/x-date-pickers";
 import { AdapterDateFnsJalali } from "@mui/x-date-pickers/AdapterDateFnsJalali";
 import moment from "jalali-moment";
@@ -141,246 +141,34 @@ const CreateOrUpdateForm = ({ handleClose, mutate, defaultValues, url }) => {
             localeText={faIR.components.MuiLocalizationProvider.defaultProps.localeText}
         >
             <DialogContent>
-                <StyledForm onSubmit={handleSubmit(onSubmit)} id={'InquiryPrivacyFencingCreateForm'}>
-                    <Grid container columns={{ xs: 1, sm: 2, md: 3 }} spacing={4}>
-                        <Grid item xs={1}>
-                            <LtrTextField autoComplete="off"  {...register('dabirkhaneh_number')} label="شماره دبیرخانه درخواست *" size="small" fullWidth type="tel" />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="nameh_date"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <DatePicker
-                                        value={value.toDate()}
-                                        onChange={(newValue) => onChange(moment(newValue))}
-                                        label="تاریخ نامه درخواست *"
-                                        slotProps={{
-                                            textField: { fullWidth: true, size: "small", autoComplete: 'off' },
-                                        }}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <TextField autoComplete="off"  {...register('marjae_pasokh')} label="مرجع درخواست کننده پاسخ به استعلام" size="small" fullWidth />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="motaghazi_is_legal_id"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["حقوقی", "حقیقی"]}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="متقاضی *" />}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Fade in={watch('motaghazi_is_legal_id') === 'حقوقی'} mountOnEnter={true} unmountOnExit={true}>
-                                <Box>
-                                    <Controller
-                                        name="motaghazi_type"
-                                        control={control}
-                                        render={({ field: { onChange, value } }) => (
-                                            <Autocomplete
-                                                size="small"
-                                                disablePortal
-                                                value={value}
-                                                onChange={(event, newValue) => {
-                                                    onChange(newValue)
-                                                }}
-                                                options={["دولتی", "خصوصی"]}
-                                                renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع متقاضی *" />}
-                                            />
-                                        )}
-                                    />
-                                </Box>
-                            </Fade>
-                        </Grid>
-                        <Grid item xs={1}></Grid>
-                        <Grid item xs={1}>
-                            <TextField autoComplete="off" {...register('motaghazi_firstname')} label="نام متقاضی *" size="small" fullWidth />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Fade in={watch('motaghazi_is_legal_id') === 'حقیقی'} mountOnEnter={true} unmountOnExit={true}>
-                                <TextField autoComplete="off" {...register('motaghazi_lastname')} label="نام خانوادگی متقاضی *" size="small" fullWidth />
-                            </Fade>
-                        </Grid>
-                        <Grid item xs={1}>
-                            <LtrTextField autoComplete="off" {...register('national_id')} label="کد ملی/شناسه ملی *" size="small" fullWidth type="tel" />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <LtrTextField autoComplete="off"  {...register('tel_number')} label="تلفن" size="small" fullWidth type="tel" />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Fade in={watch('motaghazi_type') !== 'دولتی' || watch('formik.values.motaghazi_is_legal_id') === 'حقیقی'} mountOnEnter={true} unmountOnExit={true}>
-                                <LtrTextField autoComplete="off"  {...register('mobile_number')} label="تلفن همراه *" size="small" fullWidth type="tel" />
-                            </Fade>
-                        </Grid>
-                        <Grid item xs={1}>
-                            <TextField autoComplete="off"  {...register('address')} label="آدرس *" size="small" fullWidth />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="edare_kol_id"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["تهران"]}
-                                        renderInput={(params) => (
-                                            <TextField autoComplete="off"
-                                                fullWidth
-                                                {...params}
-                                                label="اداره كل راهداری و حمل و نقل جاده ای *"
-                                            />
-                                        )}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="edare_shahri_id"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["تهران"]}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="اداره شهرستان *" />}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="rah_type_id"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["آزاد راه", "بزرگراه", 'راه فرعی درجه 3']}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع راه *" />}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="name_mehvar_fa"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["سایر"]}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نام محور *" />}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Fade in={watch('name_mehvar_fa') === "سایر"} mountOnEnter={true} unmountOnExit={true}>
-                                <TextField autoComplete="off" label="سایر محورها" size="small" fullWidth />
-                            </Fade>
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="samt_id"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["چپ", "راست"]}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="سمت *" />}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="mizan_harim"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["12.5", "17.5"]}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="میزان حریم *" />}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Fade in={watch('rah_type_id') !== 'راه فرعی درجه 3'} mountOnEnter={true} unmountOnExit={true}>
-                                <Box>
-                                    <Controller
-                                        name="arze_navar"
-                                        control={control}
-                                        render={({ field: { onChange, value } }) => (
-                                            <Autocomplete
-                                                size="small"
-                                                disablePortal
-                                                value={value}
-                                                onChange={(event, newValue) => {
-                                                    onChange(newValue)
-                                                }}
-                                                options={["15", "30"]}
-                                                renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="عرض نوار تاسیساتی زیربنایی *" />}
-                                            />
-                                        )}
-                                    />
-                                </Box>
-                            </Fade>
-                        </Grid>
-                        <Grid item xs={1}>
-                            <LtrTextField autoComplete="off"  {...register('kilometr')} label="كيلومتر *" size="small" fullWidth type="tel" />
-                        </Grid>
-                        <Grid item xs={1} sm={2} sx={{ height: 300 }}>
-                            <LocationOnMap setValue={setValue} defaultLatLon={defaultValues ? [defaultValues.lat, defaultValues.lon] : null} defaultValues />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Stack spacing={3}>
-                                <LtrTextField autoComplete="off"  {...register('lat')} label="عرض جغرافیایی" size="small" fullWidth disabled={true} />
-                                <LtrTextField autoComplete="off"  {...register('lon')} label="طول جغرافیایی" size="small" fullWidth disabled={true} />
+                <Container maxWidth='lg'>
+                    <StyledForm onSubmit={handleSubmit(onSubmit)} id={'InquiryPrivacyFencingCreateForm'}>
+                        <Grid container columns={{ xs: 1, sm: 2, md: 3 }} spacing={4}>
+                            <Grid item xs={1}>
+                                <LtrTextField autoComplete="off"  {...register('dabirkhaneh_number')} label="شماره دبیرخانه درخواست *" size="small" fullWidth type="tel" />
+                            </Grid>
+                            <Grid item xs={1}>
                                 <Controller
-                                    name="zone"
+                                    name="nameh_date"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <DatePicker
+                                            value={value.toDate()}
+                                            onChange={(newValue) => onChange(moment(newValue))}
+                                            label="تاریخ نامه درخواست *"
+                                            slotProps={{
+                                                textField: { fullWidth: true, size: "small", autoComplete: 'off' },
+                                            }}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <TextField autoComplete="off"  {...register('marjae_pasokh')} label="مرجع درخواست کننده پاسخ به استعلام" size="small" fullWidth />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="motaghazi_is_legal_id"
                                     control={control}
                                     render={({ field: { onChange, value } }) => (
                                         <Autocomplete
@@ -390,175 +178,389 @@ const CreateOrUpdateForm = ({ handleClose, mutate, defaultValues, url }) => {
                                             onChange={(event, newValue) => {
                                                 onChange(newValue)
                                             }}
-                                            options={["38", "39"]}
-                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="Zone *" />}
+                                            options={["حقوقی", "حقیقی"]}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="متقاضی *" />}
                                         />
                                     )}
                                 />
-                            </Stack>
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="karbari_type_id"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["اتاقک نگهبانی", "دولتی"]}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع کاربری *" />}
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Fade in={watch('motaghazi_is_legal_id') === 'حقوقی'} mountOnEnter={true} unmountOnExit={true}>
+                                    <Box>
+                                        <Controller
+                                            name="motaghazi_type"
+                                            control={control}
+                                            render={({ field: { onChange, value } }) => (
+                                                <Autocomplete
+                                                    size="small"
+                                                    disablePortal
+                                                    value={value}
+                                                    onChange={(event, newValue) => {
+                                                        onChange(newValue)
+                                                    }}
+                                                    options={["دولتی", "خصوصی"]}
+                                                    renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع متقاضی *" />}
+                                                />
+                                            )}
+                                        />
+                                    </Box>
+                                </Fade>
+                            </Grid>
+                            <Grid item xs={1}></Grid>
+                            <Grid item xs={1}>
+                                <TextField autoComplete="off" {...register('motaghazi_firstname')} label="نام متقاضی *" size="small" fullWidth />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Fade in={watch('motaghazi_is_legal_id') === 'حقیقی'} mountOnEnter={true} unmountOnExit={true}>
+                                    <TextField autoComplete="off" {...register('motaghazi_lastname')} label="نام خانوادگی متقاضی *" size="small" fullWidth />
+                                </Fade>
+                            </Grid>
+                            <Grid item xs={1}>
+                                <LtrTextField autoComplete="off" {...register('national_id')} label="کد ملی/شناسه ملی *" size="small" fullWidth type="tel" />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <LtrTextField autoComplete="off"  {...register('tel_number')} label="تلفن" size="small" fullWidth type="tel" />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Fade in={watch('motaghazi_type') !== 'دولتی' || watch('formik.values.motaghazi_is_legal_id') === 'حقیقی'} mountOnEnter={true} unmountOnExit={true}>
+                                    <LtrTextField autoComplete="off"  {...register('mobile_number')} label="تلفن همراه *" size="small" fullWidth type="tel" />
+                                </Fade>
+                            </Grid>
+                            <Grid item xs={1}>
+                                <TextField autoComplete="off"  {...register('address')} label="آدرس *" size="small" fullWidth />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="edare_kol_id"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            options={["تهران"]}
+                                            renderInput={(params) => (
+                                                <TextField autoComplete="off"
+                                                    fullWidth
+                                                    {...params}
+                                                    label="اداره كل راهداری و حمل و نقل جاده ای *"
+                                                />
+                                            )}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="edare_shahri_id"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            options={["تهران"]}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="اداره شهرستان *" />}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="rah_type_id"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            options={["آزاد راه", "بزرگراه", 'راه فرعی درجه 3']}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع راه *" />}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="name_mehvar_fa"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            options={["سایر"]}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نام محور *" />}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Fade in={watch('name_mehvar_fa') === "سایر"} mountOnEnter={true} unmountOnExit={true}>
+                                    <TextField autoComplete="off" label="سایر محورها" size="small" fullWidth />
+                                </Fade>
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="samt_id"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            options={["چپ", "راست"]}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="سمت *" />}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="mizan_harim"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            options={["12.5", "17.5"]}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="میزان حریم *" />}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Fade in={watch('rah_type_id') !== 'راه فرعی درجه 3'} mountOnEnter={true} unmountOnExit={true}>
+                                    <Box>
+                                        <Controller
+                                            name="arze_navar"
+                                            control={control}
+                                            render={({ field: { onChange, value } }) => (
+                                                <Autocomplete
+                                                    size="small"
+                                                    disablePortal
+                                                    value={value}
+                                                    onChange={(event, newValue) => {
+                                                        onChange(newValue)
+                                                    }}
+                                                    options={["15", "30"]}
+                                                    renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="عرض نوار تاسیساتی زیربنایی *" />}
+                                                />
+                                            )}
+                                        />
+                                    </Box>
+                                </Fade>
+                            </Grid>
+                            <Grid item xs={1}>
+                                <LtrTextField autoComplete="off"  {...register('kilometr')} label="كيلومتر *" size="small" fullWidth type="tel" />
+                            </Grid>
+                            <Grid item xs={1} sm={2} sx={{ height: 300 }}>
+                                <LocationOnMap setValue={setValue} defaultLatLon={defaultValues ? [defaultValues.lat, defaultValues.lon] : null} defaultValues />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Stack spacing={3}>
+                                    <LtrTextField autoComplete="off"  {...register('lat')} label="عرض جغرافیایی" size="small" fullWidth disabled={true} />
+                                    <LtrTextField autoComplete="off"  {...register('lon')} label="طول جغرافیایی" size="small" fullWidth disabled={true} />
+                                    <Controller
+                                        name="zone"
+                                        control={control}
+                                        render={({ field: { onChange, value } }) => (
+                                            <Autocomplete
+                                                size="small"
+                                                disablePortal
+                                                value={value}
+                                                onChange={(event, newValue) => {
+                                                    onChange(newValue)
+                                                }}
+                                                options={["38", "39"]}
+                                                renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="Zone *" />}
+                                            />
+                                        )}
                                     />
-                                )}
-                            />
+                                </Stack>
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="karbari_type_id"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            options={["اتاقک نگهبانی", "دولتی"]}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع کاربری *" />}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <TextField autoComplete="off" {...register('tarh_title')} label="عنوان طرح *" size="small" fullWidth />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <LtrTextField autoComplete="off" {...register('masahat_zirbana')} label="مساحت زیربنا" size="small" fullWidth type="tel" InputProps={{
+                                    endAdornment: <InputAdornment position="end">
+                                        مترمربع</InputAdornment>,
+                                }} />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="ehdasat_type_id"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            multiple
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            renderTags={(value, getTagProps) =>
+                                                value.map((option, index) => {
+                                                    const { key, ...tagProps } = getTagProps({ index });
+                                                    return (
+                                                        <Chip label={option} key={key} size="small" {...tagProps} />
+                                                    );
+                                                })
+                                            }
+                                            options={["تعمیرات", "احداث بنا"]}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع احداثات *" />}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <LtrTextField autoComplete="off"  {...register('divarkeshi_distance')} label="فاصله دیوارکشی از آکس محور" size="small" fullWidth type="tel" InputProps={{
+                                    endAdornment: <InputAdornment position="end">متر</InputAdornment>,
+                                }} />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <LtrTextField autoComplete="off" {...register('mostahadesat_distance')} label="فاصله مستحدثات از آکس محور" size="small" fullWidth type="tel" InputProps={{
+                                    endAdornment: <InputAdornment position="end">متر</InputAdornment>,
+                                }} />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="mahale_ejra_id"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            options={["داخل حریم"]}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="محل اجرا" />}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="traffic_id"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            options={["سبک (ضریب ۱)"]}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="میزان ترافیک *" />}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="vaziat_eghtesadi_id"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            options={["تست"]}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="وضعیت اقتصادی" />}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Controller
+                                    name="has_access_id"
+                                    control={control}
+                                    render={({ field: { onChange, value } }) => (
+                                        <Autocomplete
+                                            size="small"
+                                            disablePortal
+                                            value={value}
+                                            onChange={(event, newValue) => {
+                                                onChange(newValue)
+                                            }}
+                                            options={["بله", "خیر"]}
+                                            renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="آیا راه دسترسی از قبل وجود دارد؟ *" />}
+                                        />
+                                    )}
+                                />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <LtrTextField autoComplete="off"  {...register('shomare_estelam_harim')} label="شماره استعلام دفتر ایمنی و حریم" size="small" fullWidth type="tel" />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <Stack direction={'row'} spacing={1} alignItems={'center'}>
+                                    <Typography sx={{ flex: 2 }} variant="body2">حداکثر مدت زمان شروع عملیات: *</Typography>
+                                    <LtrTextField autoComplete="off"  {...register('max_month')} sx={{ width: 60 }} label="ماه" size="small" type="tel" />
+                                    <LtrTextField autoComplete="off"  {...register('max_day')} sx={{ width: 60 }} label="روز" size="small" type="tel" />
+                                </Stack>
+                            </Grid>
+                            <Grid item xs={1}>
+                                <LtrTextField autoComplete="off" {...register('shomare_tahaodname')} label="شماره تعهدنامه" size="small" fullWidth type="tel" />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <LtrTextField autoComplete="off"  {...register('shomare_daftarkhaneh')} label="شماره دفترخانه" size="small" fullWidth type="tel" />
+                            </Grid>
+                            <Grid item xs={1}></Grid>
+                            <Grid item xs={1}>
+                                <TextField autoComplete="off" {...register('description')} multiline rows={2} label="توضیحات" size="small" fullWidth />
+                            </Grid>
+                            <Grid item xs={1}>
+                                <TextField autoComplete="off" {...register('ronevesht')} multiline rows={2} label="رونوشت" size="small" fullWidth />
+                            </Grid>
+                            <Grid item xs={1}></Grid>
                         </Grid>
-                        <Grid item xs={1}>
-                            <TextField autoComplete="off" {...register('tarh_title')} label="عنوان طرح *" size="small" fullWidth />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <LtrTextField autoComplete="off" {...register('masahat_zirbana')} label="مساحت زیربنا" size="small" fullWidth type="tel" InputProps={{
-                                endAdornment: <InputAdornment position="end">
-                                    مترمربع</InputAdornment>,
-                            }} />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="ehdasat_type_id"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        multiple
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        renderTags={(value, getTagProps) =>
-                                            value.map((option, index) => {
-                                                const { key, ...tagProps } = getTagProps({ index });
-                                                return (
-                                                    <Chip label={option} key={key} size="small" {...tagProps} />
-                                                );
-                                            })
-                                        }
-                                        options={["تعمیرات", "احداث بنا"]}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="نوع احداثات *" />}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <LtrTextField autoComplete="off"  {...register('divarkeshi_distance')} label="فاصله دیوارکشی از آکس محور" size="small" fullWidth type="tel" InputProps={{
-                                endAdornment: <InputAdornment position="end">متر</InputAdornment>,
-                            }} />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <LtrTextField autoComplete="off" {...register('mostahadesat_distance')} label="فاصله مستحدثات از آکس محور" size="small" fullWidth type="tel" InputProps={{
-                                endAdornment: <InputAdornment position="end">متر</InputAdornment>,
-                            }} />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="mahale_ejra_id"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["داخل حریم"]}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="محل اجرا" />}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="traffic_id"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["سبک (ضریب ۱)"]}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="میزان ترافیک *" />}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="vaziat_eghtesadi_id"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["تست"]}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="وضعیت اقتصادی" />}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Controller
-                                name="has_access_id"
-                                control={control}
-                                render={({ field: { onChange, value } }) => (
-                                    <Autocomplete
-                                        size="small"
-                                        disablePortal
-                                        value={value}
-                                        onChange={(event, newValue) => {
-                                            onChange(newValue)
-                                        }}
-                                        options={["بله", "خیر"]}
-                                        renderInput={(params) => <TextField autoComplete="off" fullWidth {...params} label="آیا راه دسترسی از قبل وجود دارد؟ *" />}
-                                    />
-                                )}
-                            />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <LtrTextField autoComplete="off"  {...register('shomare_estelam_harim')} label="شماره استعلام دفتر ایمنی و حریم" size="small" fullWidth type="tel" />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <Stack direction={'row'} spacing={1} alignItems={'center'}>
-                                <Typography sx={{ flex: 2 }} variant="body2">حداکثر مدت زمان شروع عملیات: *</Typography>
-                                <LtrTextField autoComplete="off"  {...register('max_month')} sx={{ width: 60 }} label="ماه" size="small" type="tel" />
-                                <LtrTextField autoComplete="off"  {...register('max_day')} sx={{ width: 60 }} label="روز" size="small" type="tel" />
-                            </Stack>
-                        </Grid>
-                        <Grid item xs={1}>
-                            <LtrTextField autoComplete="off" {...register('shomare_tahaodname')} label="شماره تعهدنامه" size="small" fullWidth type="tel" />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <LtrTextField autoComplete="off"  {...register('shomare_daftarkhaneh')} label="شماره دفترخانه" size="small" fullWidth type="tel" />
-                        </Grid>
-                        <Grid item xs={1}></Grid>
-                        <Grid item xs={1}>
-                            <TextField autoComplete="off" {...register('description')} multiline rows={2} label="توضیحات" size="small" fullWidth />
-                        </Grid>
-                        <Grid item xs={1}>
-                            <TextField autoComplete="off" {...register('ronevesht')} multiline rows={2} label="رونوشت" size="small" fullWidth />
-                        </Grid>
-                        <Grid item xs={1}></Grid>
-                    </Grid>
-                </StyledForm>
+                    </StyledForm>
+                </Container>
             </DialogContent>
             <DialogActions sx={{ p: 2, borderTop: 1, borderColor: 'divider' }}>
                 <Button variant="contained" size="large" sx={{ width: 150 }} type="submit" form={'InquiryPrivacyFencingCreateForm'} disabled={isSubmitting}>ثبت</Button>
diff --git a/src/lib/contexts/DataTable.js b/src/lib/contexts/DataTable.js
index 34e90e4..3ada093 100644
--- a/src/lib/contexts/DataTable.js
+++ b/src/lib/contexts/DataTable.js
@@ -14,8 +14,8 @@ const DataTableProvider = ({ children, user_id, page_name, table_name, columns }
     const [filterData, setFilterData] = useState({});
     const [initSort, setInitSort] = useState([]);
     const [sortData, setSortData] = useState([]);
-    const [initHide, setInitHide] = useState([]);
-    const [hideData, setHideData] = useState([]);
+    const [initHide, setInitHide] = useState({});
+    const [hideData, setHideData] = useState({});
 
     useEffect(() => {
         if (!settingStore) return;
@@ -52,8 +52,8 @@ const DataTableProvider = ({ children, user_id, page_name, table_name, columns }
         setInitFilter(values);
         setSortData(settingStore?.[user_id]?.[page_name]?.[table_name]?.["sorts"] || []);
         setInitSort(settingStore?.[user_id]?.[page_name]?.[table_name]?.["sorts"] || []);
-        setHideData(settingStore?.[user_id]?.[page_name]?.[table_name]?.["hides"] || []);
-        setInitHide(settingStore?.[user_id]?.[page_name]?.[table_name]?.["hides"] || []);
+        setHideData(settingStore?.[user_id]?.[page_name]?.[table_name]?.["hides"] || {});
+        setInitHide(settingStore?.[user_id]?.[page_name]?.[table_name]?.["hides"] || {});
         setInitStates(true);
     }, [settingStore, isInitStates]);