admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

use ITEM_PER_PAGE constant to standardize pagination

Browse Source
This commit is contained in:
Pramod Mahajan 2025-05-19 12:52:23 +05:30
parent 978165d3de
commit 27fafb4f05
6 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Activities/Attendance.jsx
View File

@ -5,6 +5,7 @@ import { convertShortTime } from "../../utils/dateUtils";
import RenderAttendanceStatus from "./RenderAttendanceStatus";
import usePagination from "../../hooks/usePagination";
import { useNavigate } from "react-router-dom";
import {ITEMS_PER_PAGE} from "../../utils/constants";
const Attendance = ({ attendance, getRole, handleModalData }) => {
const [loading, setLoading] = useState(false);
@ -32,7 +33,7 @@ const Attendance = ({ attendance, getRole, handleModalData }) => {
const { currentPage, totalPages, currentItems, paginate } = usePagination(
filteredData,
10
ITEMS_PER_PAGE
);
return (
<>

3
src/components/Activities/AttendcesLogs.jsx
View File

@ -8,6 +8,7 @@ import { fetchAttendanceData } from "../../slices/apiSlice/attedanceLogsSlice";
import DateRangePicker from "../common/DateRangePicker";
import { getCachedData } from "../../slices/apiDataManager";
import usePagination from "../../hooks/usePagination";
import {ITEMS_PER_PAGE} from "../../utils/constants";
const AttendanceLog = ({ handleModalData, projectId }) => {
const [attendances, setAttendnaces] = useState([]);
@ -70,7 +71,7 @@ const AttendanceLog = ({ handleModalData, projectId }) => {
const currentDate = new Date().toLocaleDateString("en-CA");
const { currentPage, totalPages, currentItems, paginate } = usePagination(
sortedFinalList,
10
ITEMS_PER_PAGE
);
useEffect(() => {

3
src/pages/Directory/Directory.jsx
View File

@ -12,6 +12,7 @@ import UpdateContact from "../../components/Directory/UpdateContact";
import CardViewDirectory from "../../components/Directory/CardViewDirectory";
import { useContactCategory } from "../../hooks/masterHook/useMaster";
import usePagination from "../../hooks/usePagination";
import {ITEMS_PER_PAGE} from "../../utils/constants";
const Directory = () => {
const [isOpenModal, setIsOpenModal] = useState(false);
@ -93,7 +94,7 @@ const Directory = () => {
}, [ContatList, searchText, selectedCategoryIds]);
const { currentPage, totalPages, currentItems, paginate } = usePagination(
filteredContacts,
10
ITEMS_PER_PAGE
);
return (

4
src/pages/master/MasterTable.jsx
View File

@ -1,7 +1,7 @@
import React, { useEffect, useState } from "react";
import { useSelector } from "react-redux";
import { useHasUserPermission } from "../../hooks/useHasUserPermission";
import { MANAGE_MASTER } from "../../utils/constants";
import { ITEMS_PER_PAGE, MANAGE_MASTER } from "../../utils/constants";
import showToast from "../../services/toastService";
const MasterTable = ({ data, columns, loading, handleModalData }) => {
@ -21,7 +21,7 @@ const MasterTable = ({ data, columns, loading, handleModalData }) => {
const safeData = Array.isArray(data) ? data : [];
const [currentPage, setCurrentPage] = useState(1);
const [itemsPerPage] = useState(20);
const [itemsPerPage] = useState(ITEMS_PER_PAGE);
const sortKeys = {
"Application Role": "role",

4
src/pages/project/ProjectList.jsx
View File

@ -9,7 +9,7 @@ import showToast from "../../services/toastService";
import { getCachedData, cacheData } from "../../slices/apiDataManager";
import { useHasUserPermission } from "../../hooks/useHasUserPermission";
import { useProfile } from "../../hooks/useProfile";
import { MANAGE_PROJECT } from "../../utils/constants";
import { ITEMS_PER_PAGE, MANAGE_PROJECT } from "../../utils/constants";
import ProjectListView from "./ProjectListView";
const ProjectList = () => {
@ -25,7 +25,7 @@ const ProjectList = () => {
const dispatch = useDispatch();
const [currentPage, setCurrentPage] = useState(1);
const [itemsPerPage] = useState(10);
const [itemsPerPage] = useState(ITEMS_PER_PAGE);
const [searchTerm, setSearchTerm] = useState("");
const [selectedStatuses, setSelectedStatuses] = useState([
"b74da4c2-d07e-46f2-9919-e75e49b12731",

1
src/utils/constants.jsx
View File

@ -1,5 +1,6 @@
export const THRESH_HOLD = 48; // hours
export const DURATION_TIME = 10; // minutes
export const ITEMS_PER_PAGE = 20;
export const MANAGE_MASTER = "588a8824-f924-4955-82d8-fc51956cf323";