34 lines
916 B
TypeScript
34 lines
916 B
TypeScript
'use client';
|
|
|
|
import useWindowSize from '@/hooks/useWindowSize';
|
|
import { useFitHeight } from '@/stores/appLayout';
|
|
|
|
/** Maximum width of the viewer. */
|
|
const MAXIMUM_WIDTH = 1600;
|
|
|
|
/** Minimum width of the viewer. */
|
|
const MINIMUM_WIDTH = 300;
|
|
|
|
interface PDFViewerProps {
|
|
/** PDF file to display. */
|
|
file?: string;
|
|
|
|
/** Offset from the left side of the window. */
|
|
offsetXpx?: number;
|
|
|
|
/** Minimum width of the viewer. */
|
|
minWidth?: number;
|
|
}
|
|
|
|
/**
|
|
* Displays a PDF file using an embedded viewer.
|
|
*/
|
|
export function PDFViewer({ file, offsetXpx, minWidth = MINIMUM_WIDTH }: PDFViewerProps) {
|
|
const windowSize = useWindowSize();
|
|
|
|
const pageWidth = Math.max(minWidth, Math.min((windowSize?.width ?? 0) - (offsetXpx ?? 0) - 10, MAXIMUM_WIDTH));
|
|
const pageHeight = useFitHeight('1rem');
|
|
|
|
return <embed src={`${file}#toolbar=0`} className='p-3' style={{ width: pageWidth, height: pageHeight }} />;
|
|
}
|