replace: convert simple table to responsive table (slaughter bars)

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) => {
+  // const handlePageChange = (page) => {
-    fetchApiData(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} />
+              <ResponsiveTable
-              <Pagination
+                title="مدیریت بارها"
-                count={Math.ceil(totalRows / 10)}
+                columns={columnNames}
+                data={dataTableM}
+                handlePageChange={(p) => {
+                  handleChangePageM(null, p - 1);
+                }}
+                totalRows={totalRows}
                 page={page + 1}
-                variant="outlined"
+                perPage={perPage}
-                onChange={(event, newPage) => {
+                handlePerRowsChange={(val) => {
-                  handleChangePageM(event, newPage - 1);
+                  setPage(0);
+                  handlePerRowsChange(parseInt(val, 10), 1);
                 }}
               />
             </Grid>
           ) : (
-            <PageTable
+            <>
-              title={tableTitle}
+              {tableTitle}
-              columns={columns}
+              <ResponsiveTable
-              data={data}
+                title="مدیریت بارها"
-              progressPending={loading}
+                columns={columnNames}
-              pagination
+                data={dataTableM}
-              paginationServer
+                handlePageChange={(p) => {
-              paginationTotalRows={totalRows}
+                  handleChangePageM(null, p - 1);
-              onChangeRowsPerPage={handlePerRowsChange}
+                }}
-              onChangePage={handlePageChange}
+                totalRows={totalRows}
-            />
+                page={page + 1}
+                perPage={perPage}
+                handlePerRowsChange={(val) => {
+                  setPage(0);
+                  handlePerRowsChange(parseInt(val, 10), 1);
+                }}
+              />
+            </>
           )}
           {/* <AdvancedTable
               name={