mirror of
https://github.com/hanzoai/sign.git
synced 2026-10-30 14:57:59 +00:00
zooqueen
fb4e3df0e3
The product is branded Hanzo eSign (esign.hanzo.ai, repo hanzoai/esign). Rename all workspace packages @hanzo/sign-* → @hanzo/esign-* (1052 files) and align docker/Dockerfile turbo --scope/--filter to the actual remix package name @hanzo/esign (was a pre-existing mismatch with -remix that broke the build). Protected deps (@hanzo/insights, @hanzo/logo) untouched.
40 lines
1.1 KiB
TypeScript
40 lines
1.1 KiB
TypeScript
import { useEffect, useState } from 'react';
|
|
|
|
import {
|
|
PDF_VIEWER_CONTENT_SELECTOR,
|
|
PDF_VIEWER_PAGE_SELECTOR,
|
|
} from '@hanzo/esign-lib/constants/pdf-viewer';
|
|
|
|
/**
|
|
* Returns whether the PDF page element for the given page number is currently
|
|
* present in the DOM. With virtual list rendering only pages near the viewport
|
|
* are mounted, so this hook lets consumers skip rendering when their page is
|
|
* virtualised away.
|
|
*/
|
|
export const useIsPageInDom = (pageNumber: number) => {
|
|
const [isPageInDom, setIsPageInDom] = useState(false);
|
|
|
|
useEffect(() => {
|
|
const selector = `${PDF_VIEWER_PAGE_SELECTOR}[data-page-number="${pageNumber}"]`;
|
|
|
|
setIsPageInDom(document.querySelector(selector) !== null);
|
|
|
|
const observer = new MutationObserver(() => {
|
|
setIsPageInDom(document.querySelector(selector) !== null);
|
|
});
|
|
|
|
const $container = document.querySelector(PDF_VIEWER_CONTENT_SELECTOR) ?? document.body;
|
|
|
|
observer.observe($container, {
|
|
childList: true,
|
|
subtree: true,
|
|
});
|
|
|
|
return () => {
|
|
observer.disconnect();
|
|
};
|
|
}, [pageNumber]);
|
|
|
|
return isPageInDom;
|
|
};
|