From 55707b4b3968ab96ab7e165e9a1727755a71fea0 Mon Sep 17 00:00:00 2001
From: Mohammad Jalali <muhammad.art79@gmail.com>
Date: Sun, 10 Dec 2023 16:56:59 +0330
Subject: [PATCH] update confirm modal of transportation assistant

---
 public/locales/fa/app.json                    |  8 +--
 .../Form/ConfirmForm/ConfirmContent.jsx       | 54 +++++++++++--------
 .../transportation-assistance/index.jsx       |  2 +-
 3 files changed, 38 insertions(+), 26 deletions(-)

diff --git a/public/locales/fa/app.json b/public/locales/fa/app.json
index d94082a..439f259 100644
--- a/public/locales/fa/app.json
+++ b/public/locales/fa/app.json
@@ -192,7 +192,7 @@
     "national_id": "کد ملی",
     "phone_number": "موبایل",
     "proposed_amount": "مبلغ پیشنهادی",
-    "approved_amount": "مبلغ مصوب",
+    "approved_amount": "مبلغ تصویب شده",
     "created_at": "تاریخ درخواست",
     "updated_at": "تاریخ بروزرسانی",
     "navgan_id": "کد ناوگان",
@@ -286,7 +286,7 @@
     "national_id": "کد ملی",
     "phone_number": "موبایل",
     "proposed_amount": "مبلغ پیشنهادی",
-    "approved_amount": "مبلغ مصوب",
+    "approved_amount": "مبلغ تصویب شده",
     "created_at": "تاریخ درخواست",
     "updated_at": "تاریخ بروزرسانی",
     "navgan_id": "کد ناوگان",
@@ -362,7 +362,7 @@
     "approved_amount_number": "مبلغ تصویب شده باید عدد باشد",
     "toman": "میلیون تومان",
     "proposed_amount_error": "وارد کردن مقدار پیشنهادی الزامیست",
-    "proposed_amount": "مقدار پیشنهادی",
+    "proposed_amount": "مبلغ پیشنهادی",
     "proposed_amount_positive": "مقدار پیشنهادی باید مثبت باشد",
     "proposed_amount_number": "مقدار پیشنهادی باید عدد باشد"
   },
@@ -547,7 +547,7 @@
     "national_id": "کد ملی",
     "phone_number": "موبایل",
     "proposed_amount": "مبلغ پیشنهادی",
-    "approved_amount": "مبلغ مصوب",
+    "approved_amount": "مبلغ تصویب شده",
     "created_at": "تاریخ درخواست",
     "updated_at": "تاریخ بروزرسانی",
     "navgan_id": "کد ناوگان",
diff --git a/src/components/dashboard/transportation-assistance/Form/ConfirmForm/ConfirmContent.jsx b/src/components/dashboard/transportation-assistance/Form/ConfirmForm/ConfirmContent.jsx
index 076af16..833bdf6 100644
--- a/src/components/dashboard/transportation-assistance/Form/ConfirmForm/ConfirmContent.jsx
+++ b/src/components/dashboard/transportation-assistance/Form/ConfirmForm/ConfirmContent.jsx
@@ -6,7 +6,9 @@ import {
     Button,
     DialogActions,
     DialogContent,
-    FormHelperText, Grid, LinearProgress,
+    FormHelperText,
+    Grid,
+    LinearProgress,
     Stack,
     TextField,
     Typography
@@ -18,13 +20,14 @@ import {useEffect, useState} from "react";
 import * as Yup from "yup";
 import CustomAccordion from "@/core/components/CustomAccordion";
 import ImageContent from "@/core/components/ImageContent";
-const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog ,handleSizeChangeClick}) => {
+
+const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, handleSizeChangeClick}) => {
     const t = useTranslations();
     const [selectedImage, setSelectedImage] = useState("");
     const [fileType, setfileType] = useState(null);
     const [fileName, setfileName] = useState(null);
     const [showAddIcon, setShowAddIcon] = useState(true);
-    const requestServer = useRequest({auth: true , notification: false})
+    const requestServer = useRequest({auth: true, notification: false})
     const [accordionStates, setAccordionStates] = useState([]);
     const [hasAccordionOpened, setHasAccordionOpened] = useState([]);
     const {update_notification} = useNotification();
@@ -37,14 +40,14 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog ,handleSizeChangeCl
     useEffect(() => {
         requestServer(`${GET_TRANSPORTATION_ASSISTANCE_DETAILS}/${rowId}`, 'get')
             .then((response) => {
-                    const booleanData = Array.from({ length: response.data.data.attachment_files.length }, () => false);
-                    setAccordionStates(booleanData);
-                    setHasAccordionOpened(booleanData);
-                    setDetailsData(response.data)
+                const booleanData = Array.from({length: response.data.data.attachment_files.length}, () => false);
+                setAccordionStates(booleanData);
+                setHasAccordionOpened(booleanData);
+                setDetailsData(response.data)
             })
             .catch(() => {
             }).finally(() => {
-                    setLoading(false);
+            setLoading(false);
         });
     }, []);
 
@@ -52,13 +55,11 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog ,handleSizeChangeCl
         const newAccordionStates = accordionStates.map((state, i) => i === index ? !state : false);
         setAccordionStates(newAccordionStates);
 
-        if (!newAccordionStates[index])
-        {
+        if (!newAccordionStates[index]) {
             handleSizeChangeClick('sm');
             setHasImageShown(false);
             setIsSkeleton(false)
-        }
-        else {
+        } else {
             handleSizeChangeClick('xl');
             setHasImageShown(true);
             setImageLink(detailsList.data.attachment_files[index])
@@ -144,8 +145,11 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog ,handleSizeChangeCl
     const numberShowBox = () => {
         return (
             <>
-                <Box  sx={{ border: '1px solid #ccc' ,p:2 , mb:2 ,  borderRadius: '8px'}}>
-                    <Typography sx={{color: "primary.main" , fontWeight: 500}}>{t("ConfirmDialog.approved_amount")} {t("sidebar.machinery-expert")}</Typography>
+                <Box sx={{border: '1px solid #ccc', p: 2, mb: 2, borderRadius: '8px'}}>
+                    <Typography sx={{
+                        color: "primary.main",
+                        fontWeight: 500
+                    }}>{t("ConfirmDialog.proposed_amount")} {t("sidebar.machinery-expert")}</Typography>
                     <Typography pt={1}>
                         {isNaN((detailsList?.data?.proposed_amount) / 10)
                             ? ""
@@ -153,8 +157,11 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog ,handleSizeChangeCl
                         {t("ConfirmDialog.unit")}
                     </Typography>
                 </Box>
-                <Box  sx={{ border: '1px solid #ccc' ,p:2 ,  mb:2 , borderRadius: '8px'}}>
-                    <Typography sx={{color: "primary.main" , fontWeight: 500}}>{t("ConfirmDialog.approved_amount")} {t("secondary.passenger-boss")}</Typography>
+                <Box sx={{border: '1px solid #ccc', p: 2, mb: 2, borderRadius: '8px'}}>
+                    <Typography sx={{
+                        color: "primary.main",
+                        fontWeight: 500
+                    }}>{t("ConfirmDialog.approved_amount")} {t("secondary.passenger-boss")}</Typography>
                     <Typography pt={1}>
                         {isNaN((detailsList?.data?.approved_amount) / 10)
                             ? ""
@@ -170,7 +177,7 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog ,handleSizeChangeCl
             <DialogContent>
                 <Grid container spacing={2}>
                     <Grid item xs={hasImageShown ? 6 : 12}>
-                        {loading ? <LinearProgress /> :
+                        {loading ? <LinearProgress/> :
                             <>
                                 {numberShowBox()}
                                 {renderCustomAccordions()}
@@ -220,9 +227,14 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog ,handleSizeChangeCl
                         </Stack>
                     </Grid>
                     <Grid item xs={6}>
-                            <Stack sx={{ display: hasImageShown ? 'flex' : 'none', alignItems: 'center', gap: 0.5 , justifyContent:'center'}}>
-                                <ImageContent  imageLink={imageLink} isSkeleton={isSkeleton} setIsSkeleton={setIsSkeleton}/>
-                            </Stack>
+                        <Stack sx={{
+                            display: hasImageShown ? 'flex' : 'none',
+                            alignItems: 'center',
+                            gap: 0.5,
+                            justifyContent: 'center'
+                        }}>
+                            <ImageContent imageLink={imageLink} isSkeleton={isSkeleton} setIsSkeleton={setIsSkeleton}/>
+                        </Stack>
                     </Grid>
                 </Grid>
             </DialogContent>
@@ -233,7 +245,7 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog ,handleSizeChangeCl
                 </Button>
                 <Button onClick={formik.handleSubmit} variant="contained" color="primary"
                         disabled={formik.isSubmitting || !formik.isValid ||
-                            hasAccordionOpened.some((opened) => !opened) }
+                            hasAccordionOpened.some((opened) => !opened)}
                 >
                     {t("ConfirmDialog.button-confirm")}
                 </Button>
diff --git a/src/components/dashboard/transportation-assistance/index.jsx b/src/components/dashboard/transportation-assistance/index.jsx
index b0acd92..2ff3796 100644
--- a/src/components/dashboard/transportation-assistance/index.jsx
+++ b/src/components/dashboard/transportation-assistance/index.jsx
@@ -85,7 +85,7 @@ function DashboardTransportationAssistanceComponent() {
             {
                 accessorFn: (row) => row.proposed_amount,
                 id: "proposed_amount",
-                header: t("TransportationAssistance.proposed_amount"),
+                header: `${t("TransportationAssistance.proposed_amount")}`,
                 enableColumnFilter: true,
                 datatype: "numeric",
                 filterFn: "equals",