.
This commit is contained in:
parent
e2938594d2
commit
4853c4a0bb
@ -57,15 +57,18 @@ export const PDFViewer = ({ file, className }: PDFViewerProps): JSX.Element => {
|
|||||||
setNumPages(numPages);
|
setNumPages(numPages);
|
||||||
}
|
}
|
||||||
|
|
||||||
const changePage = (offset: number) =>
|
const changePage = useCallback(
|
||||||
setPageNumber((prevPage) =>
|
(offset: number) =>
|
||||||
offset > 0 ? Math.min(prevPage + offset, numPages) : Math.max(prevPage + offset, 1)
|
setPageNumber((prevPage) =>
|
||||||
);
|
offset > 0 ? Math.min(prevPage + offset, numPages) : Math.max(prevPage + offset, 1)
|
||||||
|
),
|
||||||
|
[numPages]
|
||||||
|
);
|
||||||
|
|
||||||
const goToNextPage = () => changePage(1);
|
const goToNextPage = useCallback(() => changePage(1), [changePage]);
|
||||||
const goToPrevPage = () => changePage(-1);
|
const goToPrevPage = useCallback(() => changePage(-1), [changePage]);
|
||||||
const goToFirstPage = () => setPageNumber(1);
|
const goToFirstPage = useCallback(() => setPageNumber(1), [setPageNumber]);
|
||||||
const goToLastPage = () => setPageNumber(numPages);
|
const goToLastPage = useCallback(() => setPageNumber(numPages), [setPageNumber, numPages]);
|
||||||
|
|
||||||
const isLoading = useMemo(
|
const isLoading = useMemo(
|
||||||
() => renderedPageNumber !== pageNumber,
|
() => renderedPageNumber !== pageNumber,
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user