Ryan/documenso
1
0
Fork 1
mirror of https://github.com/documenso/documenso.git synced 2025-11-14 16:51:38 +10:00
Code Issues Packages Projects Releases Wiki Activity

fix: show initial data preview for duplication (#642)

Browse Source
This commit is contained in:
Lucas Smith
2023-11-09 15:46:58 +11:00
committed by GitHub
parent 86160136aa
commit aec0d2ae97
1 changed files with 11 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
apps/web/src/app/(dashboard)/documents/duplicate-document-dialog.tsx
View File

@ -25,9 +25,18 @@ export const DuplicateDocumentDialog = ({
}: DuplicateDocumentDialogProps) => { }: DuplicateDocumentDialogProps) => {
const router = useRouter(); const router = useRouter();
const { toast } = useToast(); const { toast } = useToast();
const { data, isLoading } = trpcReact.document.getDocumentById.useQuery({ const { data, isLoading } = trpcReact.document.getDocumentById.useQuery({
id, id,
}); });
const documentData = data?.documentData
? {
...data.documentData,
data: data.documentData.initialData,
}
: undefined;
const { mutateAsync: duplicateDocument, isLoading: isDuplicateLoading } = const { mutateAsync: duplicateDocument, isLoading: isDuplicateLoading } =
trpcReact.document.duplicateDocument.useMutation({ trpcReact.document.duplicateDocument.useMutation({
onSuccess: (newId) => { onSuccess: (newId) => {
@ -61,7 +70,7 @@ export const DuplicateDocumentDialog = ({
<DialogHeader> <DialogHeader>
<DialogTitle>Duplicate</DialogTitle> <DialogTitle>Duplicate</DialogTitle>
</DialogHeader> </DialogHeader>
{!data?.documentData || isLoading ? ( {!documentData || isLoading ? (
<div className="mx-auto -mt-4 flex w-full max-w-screen-xl flex-col px-4 md:px-8"> <div className="mx-auto -mt-4 flex w-full max-w-screen-xl flex-col px-4 md:px-8">
<h1 className="mt-4 grow-0 truncate text-2xl font-semibold md:text-3xl"> <h1 className="mt-4 grow-0 truncate text-2xl font-semibold md:text-3xl">
Loading Document... Loading Document...
@ -69,7 +78,7 @@ export const DuplicateDocumentDialog = ({
</div> </div>
) : ( ) : (
<div className="p-2 [&>div]:h-[50vh] [&>div]:overflow-y-scroll "> <div className="p-2 [&>div]:h-[50vh] [&>div]:overflow-y-scroll ">
<LazyPDFViewer key={data?.documentMeta?.documentId} documentData={data?.documentData} /> <LazyPDFViewer key={data?.id} documentData={documentData} />
</div> </div>
)} )}