confirmation

src/components/dashboard/transportation-assistance/Form/ConfirmForm/ConfirmContent.jsx

@@ -3,9 +3,9 @@ import useNotification from "@/lib/app/hooks/useNotification";
 import useRequest from "@/lib/app/hooks/useRequest";
 import {
     Box,
-    Button,
+    Button, Checkbox,
     DialogActions,
-    DialogContent,
+    DialogContent, FormControlLabel,
     FormHelperText,
     Grid,
     LinearProgress,
@@ -36,6 +36,7 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, handleSizeChangeCl
     const [detailsList, setDetailsData] = useState(null);
     const [loading, setLoading] = useState(true);
     const [isSkeleton, setIsSkeleton] = useState(false);
+    const [checked, setChecked] = useState(false);
 
     useEffect(() => {
         requestServer(`${GET_TRANSPORTATION_ASSISTANCE_DETAILS}/${rowId}`, 'get')
@@ -125,6 +126,9 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, handleSizeChangeCl
             setShowAddIcon(false);
         }
     };
+    const handleCheckboxChange = (event) => {
+        setChecked(event.target.checked);
+    };
 
     const renderCustomAccordions = () => {
         if (detailsList && detailsList.data && detailsList.data.attachment_files) {
@@ -222,6 +226,18 @@ const ConfirmContent = ({rowId, mutate, setOpenConfirmDialog, handleSizeChangeCl
                                     {formik.touched.confirm_img && formik.errors.confirm_img}
                                 </FormHelperText>
                             </Stack>
+                            <Stack>
+                                <FormControlLabel
+                                    control={
+                                        <Checkbox
+                                            checked={checked}
+                                            onChange={handleCheckboxChange}
+                                            color="primary"
+                                        />
+                                    }
+                                    label="تایید"
+                                />
+                            </Stack>
                         </Stack>
                     </Grid>
                     <Grid item xs={6}>
@@ -243,7 +259,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) || !checked}
                 >
                     {t("ConfirmDialog.button-confirm")}
                 </Button>