shipment
This commit is contained in:
hamid zarghami
@@ -1,4 +1,4 @@
|
||||
import { type FC } from 'react'
|
||||
import { type FC, useState } from 'react'
|
||||
import { useFormik } from 'formik'
|
||||
import * as Yup from 'yup'
|
||||
import { TickCircle } from 'iconsax-react'
|
||||
@@ -9,9 +9,10 @@ import Input from '@/components/Input'
|
||||
import Select from '@/components/Select'
|
||||
import Switch from '@/components/Switch'
|
||||
import Textarea from '@/components/Textarea'
|
||||
import RadioGroup from '@/components/RadioGroup'
|
||||
import type { CreateShipmentMethodType } from './types/Types'
|
||||
import { useCreateRestaurantShipmentMethod } from './hooks/useShipmentMethodData'
|
||||
import { DeliveryMethodEnum } from './enum/Enum'
|
||||
import { DeliveryMethodEnum, DeliveryFeeTypeEnum } from './enum/Enum'
|
||||
import { Pages } from '@/config/Pages'
|
||||
import type { ErrorType } from '@/helpers/types'
|
||||
import { extractErrorMessage } from '@/config/func'
|
||||
@@ -22,32 +23,62 @@ const CreateShipmentMethod: FC = () => {
|
||||
const { t } = useTranslation('global')
|
||||
const navigate = useNavigate()
|
||||
const { mutate: createRestaurantShipmentMethod, isPending } = useCreateRestaurantShipmentMethod()
|
||||
const [deliveryFeeType, setDeliveryFeeType] = useState<string>(DeliveryFeeTypeEnum.FIXED)
|
||||
|
||||
const shipmentMethods = [
|
||||
{ label: t(`shipment.${DeliveryMethodEnum.DineIn}`), value: DeliveryMethodEnum.DineIn },
|
||||
{ label: t(`shipment.${DeliveryMethodEnum.Pickup}`), value: DeliveryMethodEnum.Pickup },
|
||||
{ label: t(`shipment.${DeliveryMethodEnum.CustomerPickup}`), value: DeliveryMethodEnum.CustomerPickup },
|
||||
{ label: t(`shipment.${DeliveryMethodEnum.DeliveryCar}`), value: DeliveryMethodEnum.DeliveryCar },
|
||||
{ label: t(`shipment.${DeliveryMethodEnum.DeliveryCourier}`), value: DeliveryMethodEnum.DeliveryCourier },
|
||||
]
|
||||
|
||||
const isFixedDeliveryFee = deliveryFeeType === DeliveryFeeTypeEnum.FIXED
|
||||
|
||||
const formik = useFormik<CreateShipmentMethodType>({
|
||||
initialValues: {
|
||||
method: '',
|
||||
title: '',
|
||||
deliveryFee: 0,
|
||||
minOrderPrice: 0,
|
||||
description: '',
|
||||
enabled: true,
|
||||
order: 0,
|
||||
perKilometerFee: 0,
|
||||
distanceBasedMinCost: 0,
|
||||
},
|
||||
validationSchema: Yup.object().shape({
|
||||
method: Yup.string().required('روش ارسال الزامی است'),
|
||||
title: Yup.string().required('عنوان الزامی است'),
|
||||
deliveryFee: Yup.number().required('هزینه ارسال الزامی است').min(0, 'هزینه ارسال باید مثبت باشد'),
|
||||
deliveryFee: Yup.number().min(0, 'هزینه ارسال باید مثبت باشد'),
|
||||
perKilometerFee: Yup.number().min(0, 'هزینه ارسال به ازای هر کیلومتر باید مثبت باشد'),
|
||||
distanceBasedMinCost: Yup.number().min(0, 'حداقل هزینه برای روش کیلوتری باید مثبت باشد'),
|
||||
minOrderPrice: Yup.number().required('حداقل قیمت سفارش الزامی است').min(0, 'حداقل قیمت سفارش باید مثبت باشد'),
|
||||
description: Yup.string().required('توضیحات الزامی است'),
|
||||
enabled: Yup.boolean(),
|
||||
order: Yup.number().required('ترتیب الزامی است').min(0, 'ترتیب باید مثبت باشد'),
|
||||
}),
|
||||
validate: (values) => {
|
||||
const errors: Record<string, string> = {}
|
||||
|
||||
if (values.method === DeliveryMethodEnum.DeliveryCourier) {
|
||||
if (isFixedDeliveryFee) {
|
||||
if (!values.deliveryFee || values.deliveryFee <= 0) {
|
||||
errors.deliveryFee = 'هزینه ارسال الزامی است'
|
||||
}
|
||||
} else {
|
||||
if (!values.perKilometerFee || values.perKilometerFee <= 0) {
|
||||
errors.perKilometerFee = 'هزینه ارسال به ازای هر کیلومتر الزامی است'
|
||||
}
|
||||
if (!values.distanceBasedMinCost || values.distanceBasedMinCost <= 0) {
|
||||
errors.distanceBasedMinCost = 'حداقل هزینه برای روش کیلوتری الزامی است'
|
||||
}
|
||||
}
|
||||
} else {
|
||||
if (!values.deliveryFee || values.deliveryFee <= 0) {
|
||||
errors.deliveryFee = 'هزینه ارسال الزامی است'
|
||||
}
|
||||
}
|
||||
|
||||
return errors
|
||||
},
|
||||
onSubmit: (values) => {
|
||||
createRestaurantShipmentMethod(values, {
|
||||
onSuccess: () => {
|
||||
@@ -88,34 +119,105 @@ const CreateShipmentMethod: FC = () => {
|
||||
label='روش ارسال'
|
||||
name='method'
|
||||
value={formik.values.method}
|
||||
onChange={formik.handleChange}
|
||||
onChange={(e) => {
|
||||
formik.handleChange(e)
|
||||
if (e.target.value !== DeliveryMethodEnum.DeliveryCourier) {
|
||||
setDeliveryFeeType(DeliveryFeeTypeEnum.FIXED)
|
||||
formik.setFieldValue('perKilometerFee', 0)
|
||||
formik.setFieldValue('distanceBasedMinCost', 0)
|
||||
}
|
||||
}}
|
||||
items={shipmentMethods}
|
||||
placeholder='روش ارسال را انتخاب کنید'
|
||||
error_text={formik.touched.method && formik.errors.method ? formik.errors.method : ''}
|
||||
/>
|
||||
</div>
|
||||
<div className='mt-6'>
|
||||
<Input
|
||||
label='عنوان'
|
||||
name='title'
|
||||
value={formik.values.title}
|
||||
onChange={formik.handleChange}
|
||||
error_text={formik.touched.title && formik.errors.title ? formik.errors.title : ''}
|
||||
/>
|
||||
</div>
|
||||
<div className='mt-6'>
|
||||
<Input
|
||||
label='هزینه ارسال'
|
||||
name='deliveryFee'
|
||||
type='number'
|
||||
value={formik.values.deliveryFee ?? ''}
|
||||
onChange={(e) => {
|
||||
const value = e.target.value === '' ? 0 : Number(e.target.value)
|
||||
formik.setFieldValue('deliveryFee', value)
|
||||
}}
|
||||
error_text={formik.touched.deliveryFee && formik.errors.deliveryFee ? formik.errors.deliveryFee : ''}
|
||||
/>
|
||||
</div>
|
||||
{formik.values.method && (
|
||||
<>
|
||||
{formik.values.method === DeliveryMethodEnum.DeliveryCourier ? (
|
||||
<>
|
||||
<div className='mt-6'>
|
||||
<div className='text-sm mb-3'>تحویل با پیک</div>
|
||||
<RadioGroup
|
||||
items={[
|
||||
{ label: 'ثابت', value: DeliveryFeeTypeEnum.FIXED },
|
||||
{ label: 'بر اساس مسافت', value: DeliveryFeeTypeEnum.DISTANCE_BASED },
|
||||
]}
|
||||
selected={deliveryFeeType}
|
||||
onChange={(value) => {
|
||||
setDeliveryFeeType(value as string)
|
||||
if (value === DeliveryFeeTypeEnum.FIXED) {
|
||||
formik.setFieldValue('perKilometerFee', 0)
|
||||
formik.setFieldValue('distanceBasedMinCost', 0)
|
||||
} else {
|
||||
formik.setFieldValue('deliveryFee', 0)
|
||||
}
|
||||
formik.validateForm()
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
{isFixedDeliveryFee ? (
|
||||
<div className='mt-6'>
|
||||
<Input
|
||||
label='هزینه ارسال'
|
||||
name='deliveryFee'
|
||||
type='number'
|
||||
value={formik.values.deliveryFee ?? ''}
|
||||
onChange={(e) => {
|
||||
const value = e.target.value === '' ? 0 : Number(e.target.value)
|
||||
formik.setFieldValue('deliveryFee', value)
|
||||
}}
|
||||
error_text={formik.touched.deliveryFee && formik.errors.deliveryFee ? formik.errors.deliveryFee : ''}
|
||||
/>
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
<div className='mt-6'>
|
||||
<Input
|
||||
label='هزینه ارسال به ازای هر کیلومتر'
|
||||
name='perKilometerFee'
|
||||
type='number'
|
||||
value={formik.values.perKilometerFee ?? ''}
|
||||
onChange={(e) => {
|
||||
const value = e.target.value === '' ? 0 : Number(e.target.value)
|
||||
formik.setFieldValue('perKilometerFee', value)
|
||||
}}
|
||||
error_text={formik.touched.perKilometerFee && formik.errors.perKilometerFee ? formik.errors.perKilometerFee : ''}
|
||||
/>
|
||||
</div>
|
||||
<div className='mt-6'>
|
||||
<Input
|
||||
label='حداقل هزینه برای روش کیلوتری'
|
||||
name='distanceBasedMinCost'
|
||||
type='number'
|
||||
value={formik.values.distanceBasedMinCost ?? ''}
|
||||
onChange={(e) => {
|
||||
const value = e.target.value === '' ? 0 : Number(e.target.value)
|
||||
formik.setFieldValue('distanceBasedMinCost', value)
|
||||
}}
|
||||
error_text={formik.touched.distanceBasedMinCost && formik.errors.distanceBasedMinCost ? formik.errors.distanceBasedMinCost : ''}
|
||||
/>
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
</>
|
||||
) : (
|
||||
<div className='mt-6'>
|
||||
<Input
|
||||
label='هزینه ارسال'
|
||||
name='deliveryFee'
|
||||
type='number'
|
||||
value={formik.values.deliveryFee ?? ''}
|
||||
onChange={(e) => {
|
||||
const value = e.target.value === '' ? 0 : Number(e.target.value)
|
||||
formik.setFieldValue('deliveryFee', value)
|
||||
}}
|
||||
error_text={formik.touched.deliveryFee && formik.errors.deliveryFee ? formik.errors.deliveryFee : ''}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
</>
|
||||
)}
|
||||
<div className='mt-6'>
|
||||
<Input
|
||||
label='حداقل قیمت سفارش'
|
||||
|
||||
Reference in New Issue
Block a user