From 624e453084ce5cf704e4f745ca9469a6bf9d60de Mon Sep 17 00:00:00 2001
From: AmirHossein Mahmoodi <amir.mahmoodi74@gmail.com>
Date: Sun, 20 Apr 2025 16:32:10 +0330
Subject: [PATCH] fixed bug

---
 .../infrastructure/toll-house/page.js         |  2 +-
 .../roadPatrols/operator/OperatorList.jsx     | 15 ++---
 .../RahdaranForm/RahdaranContent.jsx          | 58 +++++++++++++------
 .../RowActions/RahdaranForm/index.jsx         |  4 +-
 .../infrastructure/tollHouse/index.jsx        |  2 +-
 src/core/utils/routes.js                      |  1 +
 6 files changed, 52 insertions(+), 30 deletions(-)

diff --git a/src/app/(withAuth)/(dashboardLayout)/infrastructure/toll-house/page.js b/src/app/(withAuth)/(dashboardLayout)/infrastructure/toll-house/page.js
index dec7c50..ca84816 100644
--- a/src/app/(withAuth)/(dashboardLayout)/infrastructure/toll-house/page.js
+++ b/src/app/(withAuth)/(dashboardLayout)/infrastructure/toll-house/page.js
@@ -2,7 +2,7 @@ import WithPermission from "@/core/middlewares/withPermission";
 import TollHousePage from "@/components/infrastructure/tollHouse";
 
 export const metadata = {
-    title: "فهرست راهدارخانه ها",
+    title: "لیست راهدارخانه ها",
 };
 
 const Page = () => {
diff --git a/src/components/dashboard/roadPatrols/operator/OperatorList.jsx b/src/components/dashboard/roadPatrols/operator/OperatorList.jsx
index 4548072..2de63a8 100644
--- a/src/components/dashboard/roadPatrols/operator/OperatorList.jsx
+++ b/src/components/dashboard/roadPatrols/operator/OperatorList.jsx
@@ -71,15 +71,12 @@ const OperatorList = () => {
                         },
                     },
                 },
-                Cell: ({ renderedCellValue }) => {
-                    if (renderedCellValue) {
-                        return (
-                            <Stack alignItems={"center"} justifyContent={"center"}>
-                                <RahdaranDialog rahdarLists={renderedCellValue} />
-                            </Stack>
-                        );
-                    }
-                    return <Typography variant="body2">-</Typography>;
+                Cell: ({ renderedCellValue, row }) => {
+                    return (
+                        <Stack alignItems={"center"} justifyContent={"center"}>
+                            <RahdaranDialog rowId={row.original.id} />
+                        </Stack>
+                    );
                 },
             },
             {
diff --git a/src/components/dashboard/roadPatrols/operator/RowActions/RahdaranForm/RahdaranContent.jsx b/src/components/dashboard/roadPatrols/operator/RowActions/RahdaranForm/RahdaranContent.jsx
index d1e9b15..1a31ce8 100644
--- a/src/components/dashboard/roadPatrols/operator/RowActions/RahdaranForm/RahdaranContent.jsx
+++ b/src/components/dashboard/roadPatrols/operator/RowActions/RahdaranForm/RahdaranContent.jsx
@@ -1,22 +1,44 @@
-import { DialogContent, Paper, Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "@mui/material";
+import DialogLoading from "@/core/components/DialogLoading";
+import { GET_RAHDARAN_ROAD_POTROL } from "@/core/utils/routes";
+import useRequest from "@/lib/hooks/useRequest";
+import {
+    DialogContent,
+    Table,
+    TableBody,
+    TableCell,
+    TableContainer,
+    TableHead,
+    TableRow,
+    Typography,
+} from "@mui/material";
+import { useEffect, useState } from "react";
+
+const RahdaranContent = ({ rowId }) => {
+    const [loading, setLoading] = useState(true);
+    const [data, setData] = useState(null);
+    const request = useRequest();
+
+    useEffect(() => {
+        const fetchData = async () => {
+            try {
+                setLoading(true);
+                const response = await request(`${GET_RAHDARAN_ROAD_POTROL}/${rowId}`);
+                setData(response.data.data);
+            } catch (error) {
+            } finally {
+                setLoading(false);
+            }
+        };
+
+        fetchData();
+    }, [rowId]);
 
-const RahdaranContent = ({ rahdarLists }) => {
     return (
         <>
             <DialogContent>
-                <Paper
-                    elevation={0}
-                    sx={{
-                        width: "100%",
-                        overflow: "hidden",
-                        "*::-webkit-scrollbar": {
-                            width: "0.5em",
-                        },
-                        "*::-webkit-scrollbar-thumb": {
-                            backgroundColor: "primary.main",
-                        },
-                    }}
-                >
+                {loading ? (
+                    <DialogLoading />
+                ) : data ? (
                     <TableContainer sx={{ maxHeight: 600 }}>
                         <Table stickyHeader sx={{ minWidth: 800 }}>
                             <TableHead>
@@ -26,7 +48,7 @@ const RahdaranContent = ({ rahdarLists }) => {
                                 </TableRow>
                             </TableHead>
                             <TableBody>
-                                {rahdarLists.map((rahdar) => {
+                                {data.map((rahdar) => {
                                     return (
                                         <TableRow
                                             key={rahdar.id}
@@ -40,7 +62,9 @@ const RahdaranContent = ({ rahdarLists }) => {
                             </TableBody>
                         </Table>
                     </TableContainer>
-                </Paper>
+                ) : (
+                    <Typography textAlign={"center"}>اطلاعات راهداران در سامانه یافت نشد</Typography>
+                )}
             </DialogContent>
         </>
     );
diff --git a/src/components/dashboard/roadPatrols/operator/RowActions/RahdaranForm/index.jsx b/src/components/dashboard/roadPatrols/operator/RowActions/RahdaranForm/index.jsx
index 2c73d80..e3a2efc 100644
--- a/src/components/dashboard/roadPatrols/operator/RowActions/RahdaranForm/index.jsx
+++ b/src/components/dashboard/roadPatrols/operator/RowActions/RahdaranForm/index.jsx
@@ -3,7 +3,7 @@ import GroupsIcon from "@mui/icons-material/Groups";
 import { useState } from "react";
 import RahdaranContent from "./RahdaranContent";
 
-const RahdaranDialog = ({ rahdarLists }) => {
+const RahdaranDialog = ({ rowId }) => {
     const [openRahdaranDialog, setOpenRahdaranDialog] = useState(false);
     return (
         <>
@@ -25,7 +25,7 @@ const RahdaranDialog = ({ rahdarLists }) => {
                 maxWidth={"md"}
             >
                 <DialogTitle sx={{ fontSize: "large" }}>لیست راهداران</DialogTitle>
-                <RahdaranContent rahdarLists={rahdarLists} />
+                {openRahdaranDialog && <RahdaranContent rowId={rowId} />}
                 <DialogActions>
                     <Button onClick={() => setOpenRahdaranDialog(false)} variant="outlined" color="secondary" autoFocus>
                         بستن
diff --git a/src/components/infrastructure/tollHouse/index.jsx b/src/components/infrastructure/tollHouse/index.jsx
index c1d4172..9089a83 100644
--- a/src/components/infrastructure/tollHouse/index.jsx
+++ b/src/components/infrastructure/tollHouse/index.jsx
@@ -6,7 +6,7 @@ import TollHouseList from "./TollHouseList";
 const TollHousePage = () => {
     return (
         <Stack spacing={1}>
-            <PageTitle title={"فهرست راهدارخانه ها"} />
+            <PageTitle title={"لیست راهدارخانه ها"} />
             <TollHouseList />
         </Stack>
     );
diff --git a/src/core/utils/routes.js b/src/core/utils/routes.js
index 62e55ab..4fd9f13 100644
--- a/src/core/utils/routes.js
+++ b/src/core/utils/routes.js
@@ -39,6 +39,7 @@ export const DELETE_ROAD_PATROL_SUPERVISOR = api + "/api/v3/road_patrols/delete"
 export const GET_CMMS_MACHINE_ROAD_PATROL = api + "/api/v3/road_patrols/machines";
 export const GET_ROAD_PATROL_OPERATOR_REPORT = api + "/v2/road_patrols/operator/report";
 export const GET_ROAD_PATROL_SUPERVISOR_REPORT = api + "/v2/road_patrols/operator/report";
+export const GET_RAHDARAN_ROAD_POTROL = api + "/api/v3/road_patrols/rahdaran";
 export const CREATE_PATROL = api + "/api/v3/road_patrols/store";
 export const GET_FMS_DATA = api + "/api/v3/fms_vehicle/get_activity";
 export const GET_OTP_TOKEN = api + "/api/v3/otp/get_token";