mirror of
https://github.com/documenso/documenso.git
synced 2025-11-13 16:23:06 +10:00
chore: refactor pdf worker loader
This commit is contained in:
@ -230,14 +230,13 @@ export const WebhookCreateDialog = ({ trigger, ...props }: WebhookCreateDialogPr
|
|||||||
/>
|
/>
|
||||||
|
|
||||||
<DialogFooter>
|
<DialogFooter>
|
||||||
<div className="flex w-full flex-nowrap gap-4">
|
<Button type="button" variant="secondary" onClick={() => setOpen(false)}>
|
||||||
<Button type="button" variant="secondary" onClick={() => setOpen(false)}>
|
<Trans>Cancel</Trans>
|
||||||
<Trans>Cancel</Trans>
|
</Button>
|
||||||
</Button>
|
|
||||||
<Button type="submit" loading={form.formState.isSubmitting}>
|
<Button type="submit" loading={form.formState.isSubmitting}>
|
||||||
<Trans>Create</Trans>
|
<Trans>Create</Trans>
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
|
||||||
</DialogFooter>
|
</DialogFooter>
|
||||||
</fieldset>
|
</fieldset>
|
||||||
</form>
|
</form>
|
||||||
|
|||||||
@ -171,9 +171,11 @@ export default function App() {
|
|||||||
}
|
}
|
||||||
|
|
||||||
export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
|
export function ErrorBoundary({ error }: Route.ErrorBoundaryProps) {
|
||||||
console.error('[RootErrorBoundary]', error);
|
|
||||||
|
|
||||||
const errorCode = isRouteErrorResponse(error) ? error.status : 500;
|
const errorCode = isRouteErrorResponse(error) ? error.status : 500;
|
||||||
|
|
||||||
|
if (errorCode !== 404) {
|
||||||
|
console.error('[RootErrorBoundary]', error);
|
||||||
|
}
|
||||||
|
|
||||||
return <GenericErrorLayout errorCode={errorCode} />;
|
return <GenericErrorLayout errorCode={errorCode} />;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -6,6 +6,7 @@ import { Trans } from '@lingui/react/macro';
|
|||||||
import type { DocumentData } from '@prisma/client';
|
import type { DocumentData } from '@prisma/client';
|
||||||
import { Loader } from 'lucide-react';
|
import { Loader } from 'lucide-react';
|
||||||
import { type PDFDocumentProxy, PasswordResponses } from 'pdfjs-dist';
|
import { type PDFDocumentProxy, PasswordResponses } from 'pdfjs-dist';
|
||||||
|
import pdfWorker from 'pdfjs-dist/build/pdf.worker.min?url';
|
||||||
import { Document as PDFDocument, Page as PDFPage, pdfjs } from 'react-pdf';
|
import { Document as PDFDocument, Page as PDFPage, pdfjs } from 'react-pdf';
|
||||||
import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
|
import 'react-pdf/dist/esm/Page/AnnotationLayer.css';
|
||||||
import 'react-pdf/dist/esm/Page/TextLayer.css';
|
import 'react-pdf/dist/esm/Page/TextLayer.css';
|
||||||
@ -23,10 +24,7 @@ export type LoadedPDFDocument = PDFDocumentProxy;
|
|||||||
/**
|
/**
|
||||||
* This imports the worker from the `pdfjs-dist` package.
|
* This imports the worker from the `pdfjs-dist` package.
|
||||||
*/
|
*/
|
||||||
pdfjs.GlobalWorkerOptions.workerSrc = new URL(
|
pdfjs.GlobalWorkerOptions.workerSrc = pdfWorker;
|
||||||
'pdfjs-dist/build/pdf.worker.min.js',
|
|
||||||
import.meta.url,
|
|
||||||
).toString();
|
|
||||||
|
|
||||||
export type OnPDFViewerPageClick = (_event: {
|
export type OnPDFViewerPageClick = (_event: {
|
||||||
pageNumber: number;
|
pageNumber: number;
|
||||||
|
|||||||
Reference in New Issue
Block a user