From 1a2113dddd8eb05dc8c2b66491ebe1bedd8ff5a1 Mon Sep 17 00:00:00 2001
From: workashrafi77-web <work.ashrafi77@gmail.com>
Date: Sun, 1 Feb 2026 17:14:13 +0330
Subject: [PATCH] replace: convert simple table to responsive table (slaughter
 bars)

---
 .../slaughter-bars/SlaughterBars.js           | 56 +++++++++++--------
 1 file changed, 33 insertions(+), 23 deletions(-)

diff --git a/src/features/slaughter-house/components/slaughter-bars/SlaughterBars.js b/src/features/slaughter-house/components/slaughter-bars/SlaughterBars.js
index 62f2d5a..9fc5556 100644
--- a/src/features/slaughter-house/components/slaughter-bars/SlaughterBars.js
+++ b/src/features/slaughter-house/components/slaughter-bars/SlaughterBars.js
@@ -1,7 +1,6 @@
 import {
   Button,
   IconButton,
-  Pagination,
   Tab,
   Tabs,
   TextField,
@@ -28,8 +27,6 @@ import {
 } from "../../../../lib/redux/slices/appSlice";
 import { getRoleFromUrl } from "../../../../utils/getRoleFromUrl";
 // import { getFaUserRole } from "../../../../utils/getFaUserRole";
-import { PageTable } from "../../../../components/page-table/PageTable";
-import { SimpleTable } from "../../../../components/simple-table/SimpleTable";
 import { VetFarmCancelBar } from "../../../vet-farm/components/vet-farm-cancel-bar/VetFarmCancelBar";
 import { VetFarmEditTrafficCode } from "../../../vet-farm/components/vet-farm-edit-traffic-code/VetFarmEditTrafficCode";
 import { VetFarmDeletedBars } from "../../../vet-farm/components/vet-farm-deleted-bars/VetFarmDeletedBars";
@@ -93,9 +90,9 @@ export const SlaughterBars = () => {
     fetchApiData(newPage + 1, textValue);
   };
 
-  const handlePageChange = (page) => {
-    fetchApiData(page);
-  };
+  // const handlePageChange = (page) => {
+  //   fetchApiData(page);
+  // };
 
   const handlePerRowsChange = async (newPerPage, page) => {
     setLoading(true);
@@ -761,28 +758,41 @@ export const SlaughterBars = () => {
           {isMobile ? (
             <Grid container justifyContent="center" gap={SPACING.SMALL}>
               {tableTitle}
-              <SimpleTable columns={columnNames} data={dataTableM} />
-              <Pagination
-                count={Math.ceil(totalRows / 10)}
+              <ResponsiveTable
+                title="مدیریت بارها"
+                columns={columnNames}
+                data={dataTableM}
+                handlePageChange={(p) => {
+                  handleChangePageM(null, p - 1);
+                }}
+                totalRows={totalRows}
                 page={page + 1}
-                variant="outlined"
-                onChange={(event, newPage) => {
-                  handleChangePageM(event, newPage - 1);
+                perPage={perPage}
+                handlePerRowsChange={(val) => {
+                  setPage(0);
+                  handlePerRowsChange(parseInt(val, 10), 1);
                 }}
               />
             </Grid>
           ) : (
-            <PageTable
-              title={tableTitle}
-              columns={columns}
-              data={data}
-              progressPending={loading}
-              pagination
-              paginationServer
-              paginationTotalRows={totalRows}
-              onChangeRowsPerPage={handlePerRowsChange}
-              onChangePage={handlePageChange}
-            />
+            <>
+              {tableTitle}
+              <ResponsiveTable
+                title="مدیریت بارها"
+                columns={columnNames}
+                data={dataTableM}
+                handlePageChange={(p) => {
+                  handleChangePageM(null, p - 1);
+                }}
+                totalRows={totalRows}
+                page={page + 1}
+                perPage={perPage}
+                handlePerRowsChange={(val) => {
+                  setPage(0);
+                  handlePerRowsChange(parseInt(val, 10), 1);
+                }}
+              />
+            </>
           )}
           {/* <AdvancedTable
               name={