added local storage for pagination

src/Components/Accounting/AccountingCurrent.tsx

@@ -66,7 +66,10 @@ const AccountingCurrent: React.FC = () => {
   const currentInfo = new Date().toLocaleString("default", { month: "long" });
 
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
 
   const pageSizeOptions = [15, 20, 30, 40, 50];
 
@@ -75,6 +78,10 @@ const AccountingCurrent: React.FC = () => {
     setPage(1);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   const Next = () => {
     const a = Number(page) + 1;
     setPage(a);

src/Components/Accounting/AccountingHistory.tsx

@@ -55,7 +55,10 @@ interface SalaryData {
 
 const AccountingHistory: React.FC = () => {
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
   const [open, setOpen] = useState(false);
 
   const [userData, setUserData] = useState<SalaryData | null>(null);
@@ -88,6 +91,10 @@ const AccountingHistory: React.FC = () => {
     setPage(1);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   const Next = () => {
     const a = Number(page) + 1;
     setPage(a);

src/Components/Accounting/AccountingLast.tsx

@@ -91,7 +91,10 @@ const AccountingCurrent: React.FC = () => {
   };
 
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
 
   const pageSizeOptions = [15, 20, 30, 40, 50];
 
@@ -100,6 +103,10 @@ const AccountingCurrent: React.FC = () => {
     setPage(1);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   const Next = () => {
     const a = Number(page) + 1;
     setPage(a);

src/Components/Accounting/ConfirmedMonths.tsx

@@ -2,12 +2,15 @@ import { useConfirmedMonths } from "../../Hooks/Accounting";
 import { Button, Input, Select, Space, Table, theme } from "antd";
 import tagIcon from "../../assets/tagIcon.svg";
 import dayjs from "dayjs";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { LeftOutlined, RightOutlined } from "@ant-design/icons";
 
 function ConfirmedMonths() {
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
 
   const pageSizeOptions = [15, 20, 30, 40, 50];
 
@@ -16,6 +19,10 @@ function ConfirmedMonths() {
     setPage(1);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   const Next = () => {
     const a = Number(page) + 1;
     setPage(a);

src/Components/CallRequests/Call.tsx

@@ -18,7 +18,10 @@ import { theme } from "antd";
 const Call = ({ socketData }: { socketData: TSocket | undefined }) => {
   const [status, setStatus] = useState("Awaiting");
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
 
   const [tableData, setTableData] = useState<TCall[]>();
   const { data, isLoading, refetch } = useCallData({
@@ -34,6 +37,10 @@ const Call = ({ socketData }: { socketData: TSocket | undefined }) => {
     setPage(1);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   // const theme = localStorage.getItem("theme") === "true" ? true : false;
   const { token } = theme.useToken();
 

src/Components/Companies/Companies.tsx

@@ -1,4 +1,4 @@
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import AddCompany from "./AddCompanies";
 import CompanyTable from "./CompaniesTable";
 import {
@@ -23,7 +23,10 @@ const Company = () => {
 
   const [search, setSearch] = useState<string>();
   const [page, setPage] = useState<number>(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
   const { data, isLoading, refetch } = useCompanyPaginated({
     name: search,
     is_active: undefined,
@@ -50,6 +53,10 @@ const Company = () => {
     }, 1000);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   const Next = () => {
     const a = Number(page) + 1;
     setPage(a);

src/Components/Customers/Customers.tsx

@@ -1,4 +1,4 @@
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import AddCustomer from "./AddCustomer";
 import CustomerTable from "./CustomersTable";
 import {
@@ -20,7 +20,10 @@ import { theme } from "antd";
 const Customer = () => {
   const [open, setOpen] = useState(false);
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
   const showModal = () => {
     setOpen(true);
   };
@@ -42,6 +45,10 @@ const Customer = () => {
     setPage(1);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   const Next = () => {
     const a = Number(page) + 1;
     setPage(a);

src/Components/Services/Services.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useServiceData } from "../../Hooks/Services";
 import AddService from "./AddService";
 import ServiceTable from "./ServiceTable";
@@ -11,7 +11,10 @@ import { theme } from "antd";
 
 const Service = () => {
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
 
   const pageSizeOptions = [15, 20, 30, 40, 50];
 
@@ -28,6 +31,10 @@ const Service = () => {
     setOpen(true);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   const Next = () => {
     const a = Number(page) + 1;
     setPage(a);

src/Components/Statistics/Statistic.tsx

@@ -82,7 +82,10 @@ const Stat = () => {
   const [startDate, setStartDate] = useState(start_date);
   const [endDate, setEndDate] = useState(end_date);
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
 
   const [forSalary, setForSalary] = useState(true);
 
@@ -93,6 +96,10 @@ const Stat = () => {
     setPage(1);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   const Next = () => {
     const a = Number(page) + 1;
     setPage(a);

src/Components/Tasks/Tasks.tsx

@@ -43,7 +43,12 @@ const Task = ({
   const [search, setSearch] = useState<string>("");
   const [status, setStatus] = useState<any>();
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(15);
+
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
+
   const [uploadOpen, setUploadOpen] = useState(false);
   const [errorModal, setErrorModal] = useState(false);
   const [uncomletedData, setUncomletedData] = useState<TTask[]>();
@@ -55,6 +60,10 @@ const Task = ({
     setPage(1);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   useEffect(() => {
     if (
       socketData &&

src/Components/Teams/Teams.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useTeamData } from "../../Hooks/Teams";
 import TeamTable from "./TeamTable";
 //@ts-ignore
@@ -9,7 +9,10 @@ import { LeftOutlined, PlusOutlined, RightOutlined } from "@ant-design/icons";
 
 const Team = () => {
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
 
   const { data, isLoading, refetch } = useTeamData({
     page: page,
@@ -28,6 +31,10 @@ const Team = () => {
     setPage(1);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   const Next = () => {
     const a = Number(page) + 1;
     setPage(a);

src/Components/Updates/Update.tsx

@@ -1,4 +1,4 @@
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import AddUpdate from "./AddUpdate";
 import { Button, Input, Select, Space, Typography, theme } from "antd";
 import {
@@ -35,7 +35,10 @@ const Update = () => {
   const { Option } = Select;
 
   const [page, setPage] = useState<number>(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
 
   const pageSizeOptions = [15, 20, 30, 40, 50];
 
@@ -52,6 +55,10 @@ const Update = () => {
 
   const { token } = theme.useToken();
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   const Next = () => {
     const a = Number(page) + 1;
     setPage(a);

src/Components/Users/Users.tsx

@@ -1,4 +1,4 @@
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import { useUserData } from "../../Hooks/Users";
 import AddUser from "./AddUser";
 import UserTable from "./UserTable";
@@ -17,13 +17,20 @@ import { Button, Input, Pagination, Space, Typography } from "antd";
 
 const User = () => {
   const [page, setPage] = useState(1);
-  const [pageSize, setPageSize] = useState(15);
+  const [pageSize, setPageSize] = useState<number>(() => {
+    const saved = localStorage.getItem("general_pageSize");
+    return saved ? Number(saved) : 15;
+  });
   const [open, setOpen] = useState(false);
   const [search, setSearch] = useState("");
   const showModal = () => {
     setOpen(true);
   };
 
+  useEffect(() => {
+    localStorage.setItem("general_pageSize", String(pageSize));
+  }, [pageSize]);
+
   const Next = () => {
     const a = Number(page) + 1;
     setPage(a);