loan/expert-front
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

enable custom tollbar

Browse Source
This commit is contained in:
Amin Ghasempoor
2023-09-05 15:15:11 +03:30
parent 60f49ce430
commit 6d5db8dd3b
24 changed files with 704 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

190
src/components/dashboard/user-management/Form/AddForm.jsx Normal file
View File

@@ -0,0 +1,190 @@
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, Stack, TextField} from "@mui/material";
import useRequest from "@/lib/app/hooks/useRequest";
const AddForm = ({openConfirmDialog, setOpenConfirmDialog, mutate, fetchUrl}) => {
const t = useTranslations();
const requestServer = useRequest({auth: true})
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)
.required(t("AddDialog.phone_number_error")),
type_id: Yup.number().required(t("AddDialog.type_id_error")),
navgan_id: Yup.number().required(t("AddDialog.navgan_id_error")),
national_id: Yup.number().required(t("AddDialog.national_id_error")),
});
// const handleSubmit = async (values, {setSubmitting, resetForm}) => {
// const formData = new FormData();
// formData.append("phone_number", values.phone_number);
// formData.append("national_id", values.national_id);
// formData.append("type_id", values.type_id);
// formData.append("navgan_id", values.navgan_id);
// requestServer(ADD_USER_MANAGEMENT, 'post', {
// data: formData,
// }).then((response) => {
// mutate(fetchUrl)
// update_notification()
// }).catch(() => {
// }).finally(() => {
// setSubmitting(false);
// });
// };
// initialValues: {
// phone_number: "",
// national_id: "",
// type_id: "",
// navgan_id: ""
// }
const formik = useFormik({
initialValues: {
phone_number: "",
national_id: "",
type_id: "",
navgan_id: "",
}, validationSchema,
onSubmit: (values, {setSubmitting}) => {
console.log("hello")
const formData = new FormData();
formData.append("phone_number", values.phone_number);
formData.append("national_id", values.national_id);
formData.append("type_id", values.type_id);
formData.append("navgan_id", values.navgan_id);
requestServer(ADD_USER_MANAGEMENT, 'post', {
data: formData,
}).then((response) => {
mutate(fetchUrl)
update_notification()
}).catch(() => {
}).finally(() => {
setSubmitting(false);
});
},
});
const handlePhoneNumberChange = (event) => {
formik.setFieldValue("phone_number", event.target.value)
};
const handleNationalIDChange = (event) => {
formik.setFieldValue("national_id", event.target.value)
};
const handleTypeIDChange = (event) => {
formik.setFieldValue("type_id", event.target.value)
};
const handleNavganIDChange = (event) => {
formik.setFieldValue("navgan_id", event.target.value)
};
return (
<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>
<DialogContent>
<Stack spacing={2}>
<Stack>
<TextField
name="phone_number"
rows={8}
label={t("AddDialog.phone_number")}
type="text"
inputProps={{
inputMode: "number",
min: 0,
pattern: "[0-9]*",
}}
value={formik.values.phone_number}
onChange={handlePhoneNumberChange}
fullWidth
variant="outlined"
onBlur={formik.handleBlur("phone_number")}
error={
formik.touched.phone_number &&
Boolean(formik.errors.phone_number)
}
helperText={
formik.touched.phone_number && formik.errors.phone_number
}
sx={{mt: 1}}
/>
</Stack>
<Stack>
<TextField
name="national_id"
rows={8}
label={t("AddDialog.national_id")}
value={formik.values.national_id}
onChange={handleNationalIDChange}
fullWidth
variant="outlined"
onBlur={formik.handleBlur("national_id")}
error={
formik.touched.national_id &&
Boolean(formik.errors.national_id)
}
helperText={
formik.touched.national_id && formik.errors.national_id
}
sx={{mt: 1}}
/>
</Stack>
<Stack>
<TextField
name="type_id"
rows={8}
label={t("AddDialog.type_id")}
value={formik.values.type_id}
onChange={handleTypeIDChange}
fullWidth
variant="outlined"
onBlur={formik.handleBlur("type_id")}
error={
formik.touched.type_id &&
Boolean(formik.errors.type_id)
}
helperText={
formik.touched.type_id && formik.errors.type_id
}
sx={{mt: 1}}
/>
</Stack>
<Stack>
<TextField
name="navgan_id"
rows={8}
label={t("AddDialog.navgan_id")}
value={formik.values.navgan_id}
onChange={handleNavganIDChange}
fullWidth
variant="outlined"
onBlur={formik.handleBlur("navgan_id")}
error={
formik.touched.navgan_id &&
Boolean(formik.errors.navgan_id)
}
helperText={
formik.touched.navgan_id && formik.errors.navgan_id
}
sx={{mt: 1}}
/>
</Stack>
</Stack>
</DialogContent>
<DialogActions>
<Button onClick={() => setOpenConfirmDialog(false)} variant="outlined" color="secondary"
disabled={formik.isSubmitting} autoFocus>
{t("AddDialog.button-cancel")}
</Button>
<Button onClick={formik.handleSubmit} variant="contained" color="primary"
disabled={formik.isSubmitting}>
{t("AddDialog.button-add")}
</Button>
</DialogActions>
</Dialog>
);
};
export default AddForm;