diff --git a/src/pages/customer/List.tsx b/src/pages/customer/List.tsx
index 73c3788..4d7e033 100644
--- a/src/pages/customer/List.tsx
+++ b/src/pages/customer/List.tsx
@@ -105,7 +105,7 @@ const CustomerList: FC = () => {
-
+
|
diff --git a/src/pages/customer/Update.tsx b/src/pages/customer/Update.tsx
new file mode 100644
index 0000000..b64419a
--- /dev/null
+++ b/src/pages/customer/Update.tsx
@@ -0,0 +1,331 @@
+import { FC, useEffect, useState } from 'react'
+import { useTranslation } from 'react-i18next'
+import Input from '../../components/Input'
+import UploadBoxDraggble from '../../components/UploadBoxDraggble';
+import Button from '../../components/Button';
+import { TickCircle } from 'iconsax-react';
+import DatePickerComponent from '../../components/DatePicker';
+import Select from '../../components/Select';
+import * as Yup from 'yup'
+import { useFormik } from 'formik';
+import { CreateCustomerType, ProvinesItemType } from './types/CustomerTypes';
+import { useCreateCustomer, useGetCities, useGetCustomerDetail, useGetProvines, useUpdateCustomer } from './hooks/useCustomerData';
+import PageLoading from '../../components/PageLoading';
+import { toast } from 'react-toastify';
+import { ErrorType } from '../../helpers/types';
+import { useSingleUpload } from '../service/hooks/useServiceData';
+import { useNavigate, useParams } from 'react-router-dom';
+import { Pages } from '../../config/Pages';
+import Textarea from '../../components/Textarea';
+
+const UpdateCustomer: FC = () => {
+
+ const { id } = useParams()
+ const { t } = useTranslation('global')
+ const navigate = useNavigate()
+ const [provinesId, setProvinesId] = useState
('')
+ const [file, setFile] = useState()
+ const getProvines = useGetProvines()
+ const getCities = useGetCities(provinesId)
+ const singleUpload = useSingleUpload()
+ const createCustomer = useCreateCustomer()
+ const getDetailCustomer = useGetCustomerDetail(id)
+ const updateCustomer = useUpdateCustomer(id ? id : '')
+
+ const handleUpdateCustomer = (values: CreateCustomerType) => {
+ updateCustomer.mutate(values, {
+ onSuccess: () => {
+ toast.success(t('success'))
+ navigate(Pages.customer.list)
+ },
+ onError: (error: ErrorType) => {
+ toast.error(error.response?.data?.error.message[0])
+ }
+ })
+ }
+
+ const formik = useFormik({
+ initialValues: {
+ phone: '',
+ firstName: '',
+ lastName: '',
+ email: '',
+ birthDate: '',
+ nationalCode: '',
+ password: '',
+ economicCode: '',
+ registrationName: '',
+ registrationCode: '',
+ nationalIdentity: '',
+ postalCode: '',
+ address: '',
+ cityId: '',
+ profilePic: ''
+ },
+ validationSchema: Yup.object({
+ phone: Yup.string().required(t('errors.required')),
+ firstName: Yup.string().required(t('errors.required')),
+ lastName: Yup.string().required(t('errors.required')),
+ email: Yup.string().email(t('errors.email')).required(t('errors.required')),
+ birthDate: Yup.string().required(t('errors.required')),
+ nationalCode: Yup.string().required(t('errors.required')),
+ economicCode: Yup.string().required(t('errors.required')),
+ registrationName: Yup.string().required(t('errors.required')),
+ registrationCode: Yup.string().required(t('errors.required')),
+ nationalIdentity: Yup.string().required(t('errors.required')),
+ postalCode: Yup.string().required(t('errors.required')),
+ address: Yup.string().required(t('errors.required')),
+ cityId: Yup.string().required(t('errors.required')),
+ }),
+ onSubmit: async (values) => {
+ values.cityId = +values.cityId
+ if (values.password === '') values.password = undefined
+ if (file) {
+ const formData = new FormData()
+ formData.append('file', file)
+ await singleUpload.mutateAsync(formData, {
+ onSuccess: (data) => {
+ values.profilePic = data?.data?.url
+ },
+ onError: (error: ErrorType) => {
+ toast.error(error.response?.data?.error?.message[0])
+ }
+ })
+
+ handleUpdateCustomer(values)
+ } else {
+ values.profilePic = undefined
+ handleUpdateCustomer(values)
+ }
+ }
+ })
+
+ useEffect(() => {
+
+ if (getDetailCustomer.data) {
+ const data = getDetailCustomer.data.data?.customer
+ const legal = getDetailCustomer.data.data?.customer.legalUser
+ formik.setValues({
+ phone: data.phone || '',
+ firstName: data.firstName || '',
+ lastName: data.lastName || '',
+ email: data.email || '',
+ birthDate: data.birthDate || '',
+ nationalCode: data.nationalCode || '',
+ password: data.password || '',
+ economicCode: legal.economicCode || '',
+ registrationName: legal.registrationName || '',
+ registrationCode: legal.registrationCode || '',
+ nationalIdentity: legal.nationalIdentity || '',
+ postalCode: legal.address.postalCode || '',
+ address: legal.address?.fullAddress || '',
+ cityId: legal?.address?.city?.id,
+ profilePic: data.profilePic || ''
+ });
+
+ setProvinesId(legal?.address?.city.province?.id);
+ }
+
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [getDetailCustomer.data])
+
+
+ return (
+
+
+
+ {t('customer.add_cutomer')}
+
+
+
+
+
+ {
+ getProvines.isPending ?
+
+ :
+
+
+
+
+
+
+
+
+
+ {/*
+
+
*/}
+
+
+
{t('customer.image_profile')}
+
+ setFile(files[0])}
+ />
+
+
+
+
+ }
+
|
+
+ getCategory.refetch()} id={item.id} />
+ |
)
})
diff --git a/src/pages/service/components/UpdateCategory.tsx b/src/pages/service/components/UpdateCategory.tsx
new file mode 100644
index 0000000..61c0a2b
--- /dev/null
+++ b/src/pages/service/components/UpdateCategory.tsx
@@ -0,0 +1,168 @@
+import { Edit, TickCircle } from 'iconsax-react'
+import { FC, useEffect, useState } from 'react'
+import DefaulModal from '../../../components/DefaulModal'
+import { useGetCategoryDetail, useGetCategoryParents, useSingleUpload, useUpdateCategory } from '../hooks/useServiceData'
+import Input from '../../../components/Input'
+import { CreateServiceCategoryType, ServiceCategoryType } from '../types/ServiceTypes'
+import * as Yup from 'yup'
+import { useFormik } from 'formik'
+import { toast } from 'react-toastify'
+import { useTranslation } from 'react-i18next'
+import { ErrorType } from '../../../helpers/types'
+import Select from '../../../components/Select'
+import UploadBox from '../../../components/UploadBox'
+import Button from '../../../components/Button'
+
+type Props = {
+ id: string,
+ refetch: () => void
+}
+
+const UpdateCategory: FC = (props) => {
+
+ const { t } = useTranslation('global')
+ const [showModal, setShowModal] = useState(false)
+ const [file, setFile] = useState()
+ const getCategoryDetail = useGetCategoryDetail(props.id, showModal)
+ const singleUpload = useSingleUpload()
+ const getCategory = useGetCategoryParents()
+ const updateCategory = useUpdateCategory(props.id)
+
+ const formik = useFormik({
+ initialValues: {
+ title: '',
+ isActive: true,
+ parentId: ''
+ },
+ validationSchema: Yup.object({
+ title: Yup.string().required(t('errors.required')),
+ }),
+ onSubmit: async (values) => {
+ if (file) {
+ const formData = new FormData()
+ formData.append('file', file)
+ await singleUpload.mutateAsync(formData, {
+ onSuccess: (data) => {
+ values.icon = data?.data?.url
+ },
+ onError: (error: ErrorType) => {
+ toast.error(error.response?.data?.error?.message[0])
+ }
+ })
+ }
+
+
+
+ const params = {
+ ...values,
+ parentId: values.parentId ? values.parentId : undefined
+ }
+ updateCategory.mutate(params, {
+ onSuccess: () => {
+ formik.resetForm()
+ getCategory.refetch()
+ toast.success(t('success'))
+ setShowModal(false)
+ props.refetch()
+ },
+ onError: (error: ErrorType) => {
+ toast.error(error?.response?.data?.error?.message[0])
+ }
+ })
+ }
+ })
+
+ useEffect(() => {
+
+ if (getCategoryDetail.data) {
+ const data = getCategoryDetail.data?.data?.category
+ formik.setValues({
+ title: data?.title,
+ parentId: data?.parentId,
+ isActive: data?.isActive
+ })
+ }
+
+ // eslint-disable-next-line react-hooks/exhaustive-deps
+ }, [getCategoryDetail.data])
+
+
+ return (
+
+
setShowModal(true)} size={20} color='#888888' />
+
+ setShowModal(false)}
+ isHeader
+ title_header='ویرایش دسته بندی'
+ >
+
+
+
+
+ {
+ getCategory.data &&
+
+
+ }
+
+
+ setFile(file[0])}
+ />
+
+
+
+
+
+