count optional fix

src/pages/request/NewRequest.tsx

@@ -37,7 +37,7 @@ const NewRequest: FC = () => {
         <div className='mt-5'>
             <div className='justify-between items-center flex'>
                 <h1 className='text-lg font-light'>
-                    سفارش جدید
+                    درخواست جدید
                 </h1>
                 <Button
                     className='w-fit px-5'
@@ -46,7 +46,7 @@ const NewRequest: FC = () => {
                 >
                     <div className='flex gap-2 items-center'>
                         <TickSquare size={20} color='black' />
-                        <div>ثبت نهایی سفارش</div>
+                        <div>ثبت نهایی درخواست</div>
                     </div>
                 </Button>
             </div>

src/pages/request/components/Request.tsx

@@ -27,6 +27,8 @@ const Request: FC<Props> = ({ addNewItem }) => {
     const [indexRequest, setIndexRequest] = useState<number>(-1)
     const [isEditMode, setIsEditMode] = useState<boolean>(false)
     const [productSelected, setProductSelected] = useState<ProductType>()
+    /** مقدار انتخاب‌شده در دراپ‌داون تعداد؛ '0' = انتخاب دلخواه تا Input قابل ویرایش بماند */
+    const [quantitySelect, setQuantitySelect] = useState<string>('')
     const [voiceFile, setVoiceFile] = useState<File>()
     const [files, setFiles] = useState<File[]>([])
     const { data: attributes } = useGetAttributes(productSelected?.id)
@@ -97,13 +99,14 @@ const Request: FC<Props> = ({ addNewItem }) => {
             }
             setProductSelected(product)
             formik.setFieldValue('productId', productId)
+            setQuantitySelect('')
         }
     }
 
 
     return (
         <div className='bg-white rounded-3xl p-6 mt-8'>
-            <div className='font-light'>اطلاعات  سفارش</div>
+            <div className='font-light'>اطلاعات  درخواست</div>
 
             <div className='mt-6 rowTwoInput'>
                 <ProductsSelect
@@ -129,13 +132,22 @@ const Request: FC<Props> = ({ addNewItem }) => {
                     }) || []}
                     label='تعداد'
                     placeholder='انتخاب'
-                    {...formik.getFieldProps('quantity')}
+                    value={quantitySelect}
+                    onChange={(e) => {
+                        const value = e.target.value
+                        setQuantitySelect(value)
+                        if (value !== '0') {
+                            formik.setFieldValue('quantity', Number(value))
+                        }
+                    }}
+                    onBlur={formik.handleBlur}
+                    name='quantity'
                     error_text={formik.touched.quantity && formik.errors.quantity ? formik.errors.quantity : ''}
                 />
 
                 <Input
                     label='تعداد دلخواه'
-                    readOnly={Number(formik.values.quantity) !== 0}
+                    readOnly={quantitySelect !== '0'}
                     {...formik.getFieldProps('quantity')}
                     type='number'
                     error_text={formik.touched.quantity && formik.errors.quantity ? formik.errors.quantity : ''}