helix-admin/helix-engage
1
0
Fork 0
mirror of https://dev.azure.com/globalhealthx/EMR/_git/helix-engage synced 2026-04-11 18:28:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Linting and Formatting

Browse Source
This commit is contained in:
Kartik Datrika
2026-03-23 16:41:58 +05:30
parent 727a0728ee
commit 2c87a39733
175 changed files with 16535 additions and 11532 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
src/components/application/pagination/pagination-base.tsx
View File

@@ -1,5 +1,5 @@
import type { CSSProperties, FC, HTMLAttributes, ReactNode } from "react";
import React, { cloneElement, createContext, isValidElement, useCallback, useContext, useEffect, useState } from "react";
import React, { cloneElement, createContext, isValidElement, useCallback, useContext, useMemo } from "react";
type PaginationPage = {
/** The type of the pagination item. */
@@ -47,8 +47,6 @@ export interface PaginationRootProps {
}
const PaginationRoot = ({ total, siblingCount = 1, page, onPageChange, children, style, className }: PaginationRootProps) => {
const [pages, setPages] = useState<PaginationItemType[]>([]);
const createPaginationItems = useCallback((): PaginationItemType[] => {
const items: PaginationItemType[] = [];
// Calculate the maximum number of pagination elements (pages, potential ellipsis, first and last) to show
@@ -150,10 +148,7 @@ const PaginationRoot = ({ total, siblingCount = 1, page, onPageChange, children,
return items;
}, [total, siblingCount, page]);
useEffect(() => {
const paginationItems = createPaginationItems();
setPages(paginationItems);
}, [createPaginationItems]);
const pages = useMemo(() => createPaginationItems(), [createPaginationItems]);
const onPageChangeHandler = (newPage: number) => {
onPageChange?.(newPage);