From fa8e0ba1e755188ffc503ef0db5ac2206d50dbce Mon Sep 17 00:00:00 2001
From: Amin Ghasempoor <aminghasempoor79@gmail.com>
Date: Mon, 17 Jul 2023 14:27:47 +0330
Subject: [PATCH 1/4] prevent proposed amount to get negetive values

---
 .../dashboard/machinary-office/Form/ConfirmForm.jsx      | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/dashboard/machinary-office/Form/ConfirmForm.jsx b/src/components/dashboard/machinary-office/Form/ConfirmForm.jsx
index 754abce..4e7ac76 100644
--- a/src/components/dashboard/machinary-office/Form/ConfirmForm.jsx
+++ b/src/components/dashboard/machinary-office/Form/ConfirmForm.jsx
@@ -41,7 +41,9 @@ const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
     setDescription(event.target.value);
   };
   const handleAmountChange = (event) => {
-    setProposedAmount(event.target.value);
+    if (/^\d*$/.test(event.target.value)) {
+      setProposedAmount(event.target.value);
+    }
     formik.handleChange(event);
   };
 
@@ -65,6 +67,11 @@ const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
           name="proposed_amount"
           label={t("MachinaryOffice.proposed_amount")}
           type="number"
+          inputProps={{
+            min: 0,
+            inputMode: "numeric",
+            pattern: "[0-9]*",
+          }}
           variant="outlined"
           value={proposedAmount}
           onChange={handleAmountChange}

From db19c29f896cd4cddde1545773014e0eddbfea6e Mon Sep 17 00:00:00 2001
From: Amin Ghasempoor <aminghasempoor79@gmail.com>
Date: Tue, 18 Jul 2023 09:49:09 +0330
Subject: [PATCH 2/4] description in cinfirm form

---
 public/locales/fa/app.json                    |  3 +-
 .../passenger-office/Form/ConfirmForm.jsx     | 37 +++++++++++++++++++
 2 files changed, 39 insertions(+), 1 deletion(-)

diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json
index b6bd06f..b553d3b 100644
--- a/public/locales/fa/app.json
+++ b/public/locales/fa/app.json
@@ -130,7 +130,8 @@
     "context": "آیا از تایید این آیتم اطمینان دارید",
     "button-confirm": "تایید",
     "button-cancel": "بستن",
-    "amount_error": "وارد کردن مقدار پیشنهادی الزامیست"
+    "amount_error": "وارد کردن مقدار پیشنهادی الزامیست",
+    "description_error": "وارد کردن توضیحات الزامی است!"
   },
   "RejectDialog": {
     "reject": "عدم تایید",
diff --git a/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx b/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx
index 43c6bb3..08bbde6 100644
--- a/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx
+++ b/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx
@@ -6,11 +6,36 @@ import {
   DialogContentText,
   DialogActions,
   Button,
+  TextField,
 } from "@mui/material";
+import { useFormik } from "formik";
 import { useTranslations } from "next-intl";
+import { useState } from "react";
 
 const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
   const t = useTranslations();
+  const [description, setDescription] = useState("");
+
+  const formik = useFormik({
+    initialValues: {
+      description: "",
+      fileData: null,
+    },
+    onSubmit: () => {
+      const formData = new FormData();
+      if (description !== "")
+        formData.append("expert_description", description);
+      // if (fileData !== null) formData.append("file", fileData);
+      handleClose();
+      confirmData(CONFIRM_PASSENGER_OFFICE, rowId, formData);
+    },
+  });
+
+  const handleDescriptionChange = (event) => {
+    setDescription(event.target.value);
+    formik.handleChange(event);
+  };
+
   const handleConfirm = () => {
     handleClose();
     confirmData(CONFIRM_PASSENGER_OFFICE, rowId);
@@ -20,6 +45,18 @@ const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
       <DialogTitle>{t("ConfirmDialog.confirm")}</DialogTitle>
       <DialogContent>
         <DialogContentText>{t("ConfirmDialog.context")}</DialogContentText>
+        <TextField
+          name="description"
+          multiline
+          rows={8}
+          placeholder={t("RejectDialog.description")}
+          value={description}
+          onChange={handleDescriptionChange}
+          onBlur={formik.handleBlur("description")}
+          fullWidth
+          variant="outlined"
+          sx={{ mt: 1 }}
+        />
       </DialogContent>
       <DialogActions>
         <Button onClick={handleConfirm} color="primary">

From 2a87894a14d6a137b8a8005b2ee5272e98003875 Mon Sep 17 00:00:00 2001
From: Amin Ghasempoor <aminghasempoor79@gmail.com>
Date: Tue, 18 Jul 2023 13:26:11 +0330
Subject: [PATCH 3/4] choose file

---
 public/locales/fa/app.json                    |  4 +-
 .../passenger-office/Form/ConfirmForm.jsx     | 65 ++++++++++++++++++-
 2 files changed, 66 insertions(+), 3 deletions(-)

diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json
index b553d3b..6e5d26e 100644
--- a/public/locales/fa/app.json
+++ b/public/locales/fa/app.json
@@ -131,7 +131,9 @@
     "button-confirm": "تایید",
     "button-cancel": "بستن",
     "amount_error": "وارد کردن مقدار پیشنهادی الزامیست",
-    "description_error": "وارد کردن توضیحات الزامی است!"
+    "description_error": "وارد کردن توضیحات الزامی است!",
+    "description": "توضیحات",
+    "choose_file": "انتخاب فایل"
   },
   "RejectDialog": {
     "reject": "عدم تایید",
diff --git a/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx b/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx
index 08bbde6..82a84b6 100644
--- a/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx
+++ b/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx
@@ -7,14 +7,18 @@ import {
   DialogActions,
   Button,
   TextField,
+  FormHelperText,
+  Input,
 } from "@mui/material";
 import { useFormik } from "formik";
 import { useTranslations } from "next-intl";
 import { useState } from "react";
+const MAX_FILE_SIZE_IN_BYTES = 2 * 1024 * 1024;
 
 const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
   const t = useTranslations();
   const [description, setDescription] = useState("");
+  const [fileData, setFileData] = useState(null);
 
   const formik = useFormik({
     initialValues: {
@@ -25,7 +29,7 @@ const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
       const formData = new FormData();
       if (description !== "")
         formData.append("expert_description", description);
-      // if (fileData !== null) formData.append("file", fileData);
+      if (fileData !== null) formData.append("file", fileData);
       handleClose();
       confirmData(CONFIRM_PASSENGER_OFFICE, rowId, formData);
     },
@@ -40,6 +44,26 @@ const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
     handleClose();
     confirmData(CONFIRM_PASSENGER_OFFICE, rowId);
   };
+
+  const handleFileChange = (e) => {
+    console.log("hiiii");
+    const selectedFile = e.target.files[0];
+    if (selectedFile) {
+      const fileSizeInBytes = selectedFile.size;
+      if (fileSizeInBytes > MAX_FILE_SIZE_IN_BYTES) {
+        formik.setFieldError(
+          "fileData",
+          `File size exceeds the limit (${MAX_FILE_SIZE_IN_BYTES / 1000000} MB)`
+        );
+        e.target.value = null;
+      } else {
+        setFileData(selectedFile);
+        formik.setFieldValue("fileData", selectedFile);
+        formik.setFieldError("fileData", "");
+      }
+    }
+  };
+
   return (
     <Dialog open={open} onClose={handleClose}>
       <DialogTitle>{t("ConfirmDialog.confirm")}</DialogTitle>
@@ -49,7 +73,7 @@ const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
           name="description"
           multiline
           rows={8}
-          placeholder={t("RejectDialog.description")}
+          placeholder={t("ConfirmDialog.description")}
           value={description}
           onChange={handleDescriptionChange}
           onBlur={formik.handleBlur("description")}
@@ -57,6 +81,43 @@ const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
           variant="outlined"
           sx={{ mt: 1 }}
         />
+        <div>
+          <input
+            id="fileData"
+            name="fileData"
+            type="file"
+            accept=".pdf, image/*"
+            onChange={handleFileChange}
+            style={{ display: "none" }}
+          />
+          <label htmlFor="fileData">
+            <Button
+              id="fileData"
+              name="fileData"
+              variant="outlined"
+              color="primary"
+              component="span"
+              sx={{ mt: 1, width: "100%" }}
+            >
+              {t("ConfirmDialog.choose_file")}
+            </Button>
+          </label>
+          {/* <label htmlFor="fileData">
+            <Button
+              component="span"
+              variant="outlined"
+              color="primary"
+              sx={{ mt: 1, width: "100%", border: "dashed", color: "black " }}
+            >
+              {t("ConfirmDialog.choose_file")}
+            </Button>
+          </label> */}
+        </div>
+        <FormHelperText error={Boolean(formik.errors.fileData)}>
+          {formik.errors.fileData && formik.errors.fileData}
+          {formik.values.fileData &&
+            `Selected file: ${formik.values.fileData.name}`}
+        </FormHelperText>
       </DialogContent>
       <DialogActions>
         <Button onClick={handleConfirm} color="primary">

From a0fafed37f0c9d98db9e623074b71f9dbfc32ebf Mon Sep 17 00:00:00 2001
From: Amin Ghasempoor <aminghasempoor79@gmail.com>
Date: Tue, 18 Jul 2023 14:15:34 +0330
Subject: [PATCH 4/4] input file

---
 .../passenger-office/Form/ConfirmForm.jsx     | 61 +++++++++----------
 1 file changed, 28 insertions(+), 33 deletions(-)

diff --git a/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx b/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx
index 82a84b6..8d39af1 100644
--- a/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx
+++ b/src/components/dashboard/passenger-office/Form/ConfirmForm.jsx
@@ -8,17 +8,17 @@ import {
   Button,
   TextField,
   FormHelperText,
-  Input,
 } from "@mui/material";
 import { useFormik } from "formik";
 import { useTranslations } from "next-intl";
-import { useState } from "react";
+import { useRef, useState } from "react";
 const MAX_FILE_SIZE_IN_BYTES = 2 * 1024 * 1024;
 
 const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
   const t = useTranslations();
   const [description, setDescription] = useState("");
   const [fileData, setFileData] = useState(null);
+  const inputRef = useRef(null);
 
   const formik = useFormik({
     initialValues: {
@@ -35,18 +35,17 @@ const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
     },
   });
 
+  const handleUploadClick = () => {
+    // 👇 We redirect the click event onto the hidden input element
+    inputRef.current?.click();
+  };
+
   const handleDescriptionChange = (event) => {
     setDescription(event.target.value);
     formik.handleChange(event);
   };
 
-  const handleConfirm = () => {
-    handleClose();
-    confirmData(CONFIRM_PASSENGER_OFFICE, rowId);
-  };
-
   const handleFileChange = (e) => {
-    console.log("hiiii");
     const selectedFile = e.target.files[0];
     if (selectedFile) {
       const fileSizeInBytes = selectedFile.size;
@@ -82,45 +81,41 @@ const ConfirmForm = ({ open, handleClose, rowId, confirmData }) => {
           sx={{ mt: 1 }}
         />
         <div>
+          <label htmlFor="fileData">
+            <Button
+              variant="outlined"
+              color="primary"
+              onClick={handleUploadClick}
+              component="span"
+              sx={{ mt: 1, width: "100%" }}
+            >
+              {fileData ? (
+                <>
+                  Name : {fileData.name}
+                  <br />
+                  Size : {fileData.size}
+                </>
+              ) : (
+                <>{t("ConfirmDialog.choose_file")}</>
+              )}
+            </Button>
+          </label>
           <input
             id="fileData"
             name="fileData"
             type="file"
             accept=".pdf, image/*"
+            ref={inputRef}
             onChange={handleFileChange}
             style={{ display: "none" }}
           />
-          <label htmlFor="fileData">
-            <Button
-              id="fileData"
-              name="fileData"
-              variant="outlined"
-              color="primary"
-              component="span"
-              sx={{ mt: 1, width: "100%" }}
-            >
-              {t("ConfirmDialog.choose_file")}
-            </Button>
-          </label>
-          {/* <label htmlFor="fileData">
-            <Button
-              component="span"
-              variant="outlined"
-              color="primary"
-              sx={{ mt: 1, width: "100%", border: "dashed", color: "black " }}
-            >
-              {t("ConfirmDialog.choose_file")}
-            </Button>
-          </label> */}
         </div>
         <FormHelperText error={Boolean(formik.errors.fileData)}>
           {formik.errors.fileData && formik.errors.fileData}
-          {formik.values.fileData &&
-            `Selected file: ${formik.values.fileData.name}`}
         </FormHelperText>
       </DialogContent>
       <DialogActions>
-        <Button onClick={handleConfirm} color="primary">
+        <Button onClick={formik.handleSubmit} color="primary">
           {t("ConfirmDialog.button-confirm")}
         </Button>
         <Button onClick={handleClose} color="secondary" autoFocus>