title

src/pages/bill/Create.tsx

@@ -39,12 +39,14 @@ const CreateBill: FC = () => {
 
     const formik = useFormik<CreateBillType>({
         initialValues: {
+            title: '',
             waterRate: 0,
             dueDays: 0,
             values: [],
         },
         enableReinitialize: true,
         validationSchema: Yup.object({
+            title: Yup.string().trim(),
             waterRate: Yup.number().min(0, 'نرخ آب باید عدد مثبت باشد').required('نرخ آب الزامی است'),
             dueDays: Yup.number().min(0, 'تعداد روز مهلت باید عدد مثبت باشد').required('تعداد روز مهلت الزامی است'),
             values: Yup.array()
@@ -125,7 +127,7 @@ const CreateBill: FC = () => {
             return
         }
         createBillWithExcel.mutate(
-            { waterRate, dueDays, file: excelFile },
+            { title: formik.values.title?.trim() || undefined, waterRate, dueDays, file: excelFile },
             {
                 onSuccess: () => {
                     toast.success('قبض آب با موفقیت از طریق اکسل ثبت شد')
@@ -187,6 +189,19 @@ const CreateBill: FC = () => {
             <div className="mt-10 bg-white py-8 xl:px-10 px-4 rounded-3xl">
                 <div className="text-base font-medium mb-6">اطلاعات قبض</div>
 
+                <div className="mt-6">
+                    <Input
+                        label="عنوان"
+                        name="title"
+                        type="text"
+                        value={formik.values.title ?? ''}
+                        onChange={formik.handleChange}
+                        onBlur={formik.handleBlur}
+                        error_text={formik.touched.title && formik.errors.title ? String(formik.errors.title) : ''}
+                        placeholder="عنوان اختیاری برای قبض"
+                    />
+                </div>
+
                 <div className="rowTwoInput mt-6">
                     <Input
                         label="نرخ آب (تومان)"