score setting
This commit is contained in:
hamid zarghami
@@ -0,0 +1,235 @@
|
||||
import { useEffect, useState, type FC } from 'react'
|
||||
import { useGetRestaurant, useUpdateRestaurant } from '../hooks/useSettingData'
|
||||
import type { UpdateRestaurantType } from '../types/Types'
|
||||
import { useFormik } from 'formik'
|
||||
import * as Yup from 'yup'
|
||||
import Input from '@/components/Input'
|
||||
import Button from '@/components/Button'
|
||||
import { toast } from 'react-toastify'
|
||||
|
||||
interface FlatFormValues {
|
||||
purchaseAmount: string
|
||||
purchaseScore: string
|
||||
scoreAmount: string
|
||||
scoreCredit: string
|
||||
birthdayScore: string
|
||||
registerScore: string
|
||||
marriageDateScore: string
|
||||
referrerScore: string
|
||||
}
|
||||
|
||||
const ScoreSetting: FC = () => {
|
||||
|
||||
const { data: restaurant } = useGetRestaurant()
|
||||
const { mutate: updateRestaurant, isPending } = useUpdateRestaurant()
|
||||
const [isInitialized, setIsInitialized] = useState(false)
|
||||
|
||||
const formik = useFormik<FlatFormValues>({
|
||||
initialValues: {
|
||||
purchaseAmount: '',
|
||||
purchaseScore: '',
|
||||
scoreAmount: '',
|
||||
scoreCredit: '',
|
||||
birthdayScore: '',
|
||||
registerScore: '',
|
||||
marriageDateScore: '',
|
||||
referrerScore: '',
|
||||
},
|
||||
validationSchema: Yup.object().shape({
|
||||
purchaseAmount: Yup.string().required('مبلغ خرید الزامی است'),
|
||||
purchaseScore: Yup.string().required('امتیاز خرید الزامی است'),
|
||||
scoreAmount: Yup.string().required('مبلغ امتیاز الزامی است'),
|
||||
scoreCredit: Yup.string().required('مبلغ اعتبار الزامی است'),
|
||||
birthdayScore: Yup.string().required('امتیاز تولد الزامی است'),
|
||||
registerScore: Yup.string().required('امتیاز ثبت نام الزامی است'),
|
||||
marriageDateScore: Yup.string().required('امتیاز سالگرد ازدواج الزامی است'),
|
||||
referrerScore: Yup.string().required('امتیاز معرف الزامی است'),
|
||||
}),
|
||||
validateOnMount: false,
|
||||
onSubmit: (values) => {
|
||||
const payload: UpdateRestaurantType = {
|
||||
score: {
|
||||
purchaseAmount: values.purchaseAmount,
|
||||
purchaseScore: values.purchaseScore,
|
||||
scoreAmount: values.scoreAmount,
|
||||
scoreCredit: values.scoreCredit,
|
||||
birthdayScore: values.birthdayScore,
|
||||
registerScore: values.registerScore,
|
||||
marriageDateScore: values.marriageDateScore,
|
||||
referrerScore: values.referrerScore,
|
||||
},
|
||||
}
|
||||
updateRestaurant(payload, {
|
||||
onSuccess: () => {
|
||||
toast.success('تنظیمات امتیاز با موفقیت بهروزرسانی شد')
|
||||
},
|
||||
onError: () => {
|
||||
toast.error('خطا در بهروزرسانی تنظیمات امتیاز')
|
||||
},
|
||||
})
|
||||
},
|
||||
})
|
||||
|
||||
const getFieldError = (fieldName: string): string | undefined => {
|
||||
const meta = formik.getFieldMeta(fieldName)
|
||||
return meta.touched && meta.error ? meta.error : undefined
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
if (restaurant?.data?.score && !isInitialized) {
|
||||
const scorePrice = restaurant.data.score
|
||||
formik.setValues({
|
||||
purchaseAmount: scorePrice.purchaseAmount != null ? String(scorePrice.purchaseAmount) : '',
|
||||
purchaseScore: scorePrice.purchaseScore != null ? String(scorePrice.purchaseScore) : '',
|
||||
scoreAmount: scorePrice.scoreAmount != null ? String(scorePrice.scoreAmount) : '',
|
||||
scoreCredit: scorePrice.scoreCredit != null ? String(scorePrice.scoreCredit) : '',
|
||||
birthdayScore: scorePrice.birthdayScore != null ? String(scorePrice.birthdayScore) : '',
|
||||
registerScore: scorePrice.registerScore != null ? String(scorePrice.registerScore) : '',
|
||||
marriageDateScore: scorePrice.marriageDateScore != null ? String(scorePrice.marriageDateScore) : '',
|
||||
referrerScore: scorePrice.referrerScore != null ? String(scorePrice.referrerScore) : '',
|
||||
}, false)
|
||||
formik.setTouched({}, false)
|
||||
setIsInitialized(true)
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [restaurant, isInitialized])
|
||||
|
||||
|
||||
return (
|
||||
<form onSubmit={formik.handleSubmit} className='bg-white rounded-2xl p-6'>
|
||||
{/* بخش امتیاز خرید */}
|
||||
<div className='mb-8'>
|
||||
<h2 className='text-base font-medium mb-6 text-right'>امتیاز خرید</h2>
|
||||
|
||||
{/* خط اول */}
|
||||
<div className='flex items-center gap-3 mb-4'>
|
||||
<div className='flex items-center gap-2'>
|
||||
<span className='text-sm text-gray-700 whitespace-nowrap'>به ازای هر</span>
|
||||
<Input
|
||||
name='purchaseAmount'
|
||||
value={formik.values.purchaseAmount}
|
||||
onChange={formik.handleChange}
|
||||
onBlur={formik.handleBlur}
|
||||
error_text={getFieldError('purchaseAmount')}
|
||||
placeholder='0'
|
||||
seprator
|
||||
className='w-[200px]'
|
||||
/>
|
||||
</div>
|
||||
<div className='flex items-center gap-2'>
|
||||
<span className='text-sm text-gray-700 whitespace-nowrap'>تومان خرید مقدار</span>
|
||||
<Input
|
||||
name='purchaseScore'
|
||||
value={formik.values.purchaseScore}
|
||||
onChange={formik.handleChange}
|
||||
onBlur={formik.handleBlur}
|
||||
error_text={getFieldError('purchaseScore')}
|
||||
placeholder='0'
|
||||
seprator
|
||||
className='w-[200px]'
|
||||
/>
|
||||
</div>
|
||||
<span className='text-sm text-gray-700 whitespace-nowrap'>امتیاز به مشتری داده میشود.</span>
|
||||
</div>
|
||||
|
||||
{/* خط دوم */}
|
||||
<div className='flex items-center gap-3'>
|
||||
<div className='flex items-center gap-2'>
|
||||
<span className='text-sm text-gray-700 whitespace-nowrap'>هر</span>
|
||||
<Input
|
||||
name='scoreAmount'
|
||||
value={formik.values.scoreAmount}
|
||||
onChange={formik.handleChange}
|
||||
onBlur={formik.handleBlur}
|
||||
error_text={getFieldError('scoreAmount')}
|
||||
placeholder='0'
|
||||
seprator
|
||||
className='w-[200px]'
|
||||
/>
|
||||
</div>
|
||||
<div className='flex items-center gap-2'>
|
||||
<span className='text-sm text-gray-700 whitespace-nowrap'>امتیاز معادل</span>
|
||||
<Input
|
||||
name='scoreCredit'
|
||||
value={formik.values.scoreCredit}
|
||||
onChange={formik.handleChange}
|
||||
onBlur={formik.handleBlur}
|
||||
error_text={getFieldError('scoreCredit')}
|
||||
placeholder='0'
|
||||
seprator
|
||||
className='w-[200px]'
|
||||
/>
|
||||
</div>
|
||||
<span className='text-sm text-gray-700 whitespace-nowrap'>تومان اعتبار خرید است.</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* بخش امتیاز ثابت */}
|
||||
<div className='mb-8'>
|
||||
<h2 className='text-base font-medium mb-6 text-right'>امتیاز ثابت</h2>
|
||||
|
||||
<div className='grid grid-cols-1 md:grid-cols-2 gap-6 gap-x-8'>
|
||||
<div className='space-y-4'>
|
||||
<Input
|
||||
label='امتیاز ثبت نام'
|
||||
name='registerScore'
|
||||
value={formik.values.registerScore}
|
||||
onChange={formik.handleChange}
|
||||
onBlur={formik.handleBlur}
|
||||
error_text={getFieldError('registerScore')}
|
||||
placeholder='0'
|
||||
seprator
|
||||
/>
|
||||
|
||||
<Input
|
||||
label='امتیاز تاریخ تولد'
|
||||
name='birthdayScore'
|
||||
value={formik.values.birthdayScore}
|
||||
onChange={formik.handleChange}
|
||||
onBlur={formik.handleBlur}
|
||||
error_text={getFieldError('birthdayScore')}
|
||||
placeholder='0'
|
||||
seprator
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className='space-y-4'>
|
||||
<Input
|
||||
label='امتیاز تاریخ ازدواج'
|
||||
name='marriageDateScore'
|
||||
value={formik.values.marriageDateScore}
|
||||
onChange={formik.handleChange}
|
||||
onBlur={formik.handleBlur}
|
||||
error_text={getFieldError('marriageDateScore')}
|
||||
placeholder='0'
|
||||
seprator
|
||||
/>
|
||||
|
||||
<Input
|
||||
label='امتیاز دعوت'
|
||||
name='referrerScore'
|
||||
value={formik.values.referrerScore}
|
||||
onChange={formik.handleChange}
|
||||
onBlur={formik.handleBlur}
|
||||
error_text={getFieldError('referrerScore')}
|
||||
placeholder='0'
|
||||
seprator
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className='flex justify-end'>
|
||||
<Button
|
||||
type='submit'
|
||||
isloading={isPending}
|
||||
className='w-full md:w-48'
|
||||
>
|
||||
ذخیره تغییرات
|
||||
</Button>
|
||||
</div>
|
||||
</form>
|
||||
)
|
||||
}
|
||||
|
||||
export default ScoreSetting
|
||||
Reference in New Issue
Block a user