increase page size

src/components/Activities/Attendance.jsx

@@ -32,7 +32,7 @@ const Attendance = ({ attendance, getRole, handleModalData }) => {
 
   const { currentPage, totalPages, currentItems, paginate } = usePagination(
     filteredData,
-    5
+    10
   );
   return (
     <>

src/components/Activities/AttendcesLogs.jsx

@@ -66,7 +66,7 @@ const AttendanceLog = ({ handleModalData, projectId }) => {
   const currentDate = new Date().toLocaleDateString("en-CA");
   const { currentPage, totalPages, currentItems, paginate } = usePagination(
     sortedFinalList,
-    5
+    10
   );
 
   useEffect(() => {
@@ -134,11 +134,15 @@ const AttendanceLog = ({ handleModalData, projectId }) => {
               {dates.map((date, i) => {
                 return (
                   <React.Fragment key={i}>
-                    {currentItems.some(item => item.checkInTime.split("T")[0] === date) && <tr className="table-row-header">
+                    {currentItems.some(
+                      (item) => item.checkInTime.split("T")[0] === date
+                    ) && (
+                      <tr className="table-row-header">
                         <td colSpan={7} className="text-start">
                           <strong>{date}</strong>
                         </td>
-                    </tr>}
+                      </tr>
+                    )}
                     {currentItems
                       ?.filter((item) => item.checkInTime.includes(date))
                       .map((attendance, index) => (

src/components/Activities/Regularization.jsx

@@ -23,11 +23,11 @@ const Regularization = ({ handleRequest }) => {
     return nameA.localeCompare(nameB);
   };
 
-  const filteredData = regularizesList.sort(sortByName)
+  const filteredData = regularizesList.sort(sortByName);
 
   const { currentPage, totalPages, currentItems, paginate } = usePagination(
     filteredData,
-    5
+    10
   );
 
   return (
@@ -96,11 +96,7 @@ const Regularization = ({ handleRequest }) => {
       {!loading && (
         <nav aria-label="Page ">
           <ul className="pagination pagination-sm justify-content-end py-1">
-                  <li
-                    className={`page-item  ${
-                      currentPage === 1 ? "disabled" : ""
-                    }`}
-                  >
+            <li className={`page-item  ${currentPage === 1 ? "disabled" : ""}`}>
               <button
                 className="page-link btn-xs"
                 onClick={() => paginate(currentPage - 1)}

src/pages/employee/AttendancesEmployeeRecords.jsx

@@ -70,7 +70,7 @@ const AttendancesEmployeeRecords = ({ employee }) => {
   const currentDate = new Date().toLocaleDateString("en-CA");
   const { currentPage, totalPages, currentItems, paginate } = usePagination(
     sortedFinalList,
-    5
+    10
   );
 
   useEffect(() => {
@@ -140,12 +140,10 @@ const AttendancesEmployeeRecords = ({ employee }) => {
           </div>
         </div>
         <div className="table-responsive text-nowrap">
-        {(!loading && data.length === 0) &&
-             <span>No employee logs</span>
-          }
+          {!loading && data.length === 0 && <span>No employee logs</span>}
           {error && <div className="text-center">{error}</div>}
-          {(loading && !data ) && <div className="text-center">Loading...</div>}
-          {(data && data.length > 0 ) && (
+          {loading && !data && <div className="text-center">Loading...</div>}
+          {data && data.length > 0 && (
             <table className="table mb-0">
               <thead>
                 <tr>
@@ -211,7 +209,7 @@ const AttendancesEmployeeRecords = ({ employee }) => {
             </table>
           )}
         </div>
-        {(!loading && data.length  > 5) && (
+        {!loading && data.length > 5 && (
           <nav aria-label="Page ">
             <ul className="pagination pagination-sm justify-content-end py-1">
               <li