mirror of
https://github.com/documenso/documenso.git
synced 2025-11-12 15:53:02 +10:00
4c0b772fc9
Previously we used the form flattening method from PDF-Lib but unfortunately when it encountered orphaned form items or other PDF oddities it would throw an error. Because of this certain documents would fail to seal and be stuck in a pending state with no recourse available. This change rewrites the form flattening handler to be more lenient when coming across the unknown opting to skip items it can't handle rather than abort.
92 lines
2.8 KiB
TypeScript
92 lines
2.8 KiB
TypeScript
import { DateTime } from 'luxon';
|
|
|
|
import { getEntireDocument } from '@documenso/lib/server-only/admin/get-entire-document';
|
|
import {
|
|
Accordion,
|
|
AccordionContent,
|
|
AccordionItem,
|
|
AccordionTrigger,
|
|
} from '@documenso/ui/primitives/accordion';
|
|
import { Badge } from '@documenso/ui/primitives/badge';
|
|
|
|
import { DocumentStatus } from '~/components/formatter/document-status';
|
|
import { LocaleDate } from '~/components/formatter/locale-date';
|
|
|
|
import { AdminActions } from './admin-actions';
|
|
import { RecipientItem } from './recipient-item';
|
|
import { SuperDeleteDocumentDialog } from './super-delete-document-dialog';
|
|
|
|
type AdminDocumentDetailsPageProps = {
|
|
params: {
|
|
id: string;
|
|
};
|
|
};
|
|
|
|
export default async function AdminDocumentDetailsPage({ params }: AdminDocumentDetailsPageProps) {
|
|
const document = await getEntireDocument({ id: Number(params.id) });
|
|
|
|
return (
|
|
<div>
|
|
<div className="flex items-start justify-between">
|
|
<div className="flex items-center gap-x-4">
|
|
<h1 className="text-2xl font-semibold">{document.title}</h1>
|
|
<DocumentStatus status={document.status} />
|
|
</div>
|
|
|
|
{document.deletedAt && (
|
|
<Badge size="large" variant="destructive">
|
|
Deleted
|
|
</Badge>
|
|
)}
|
|
</div>
|
|
|
|
<div className="text-muted-foreground mt-4 text-sm">
|
|
<div>
|
|
Created on: <LocaleDate date={document.createdAt} format={DateTime.DATETIME_MED} />
|
|
</div>
|
|
<div>
|
|
Last updated at: <LocaleDate date={document.updatedAt} format={DateTime.DATETIME_MED} />
|
|
</div>
|
|
</div>
|
|
|
|
<hr className="my-4" />
|
|
|
|
<h2 className="text-lg font-semibold">Admin Actions</h2>
|
|
|
|
<AdminActions className="mt-2" document={document} recipients={document.Recipient} />
|
|
|
|
<hr className="my-4" />
|
|
<h2 className="text-lg font-semibold">Recipients</h2>
|
|
|
|
<div className="mt-4">
|
|
<Accordion type="multiple" className="space-y-4">
|
|
{document.Recipient.map((recipient) => (
|
|
<AccordionItem
|
|
key={recipient.id}
|
|
value={recipient.id.toString()}
|
|
className="rounded-lg border"
|
|
>
|
|
<AccordionTrigger className="px-4">
|
|
<div className="flex items-center gap-x-4">
|
|
<h4 className="font-semibold">{recipient.name}</h4>
|
|
<Badge size="small" variant="neutral">
|
|
{recipient.email}
|
|
</Badge>
|
|
</div>
|
|
</AccordionTrigger>
|
|
|
|
<AccordionContent className="border-t px-4 pt-4">
|
|
<RecipientItem recipient={recipient} />
|
|
</AccordionContent>
|
|
</AccordionItem>
|
|
))}
|
|
</Accordion>
|
|
</div>
|
|
|
|
<hr className="my-4" />
|
|
|
|
{document && <SuperDeleteDocumentDialog document={document} />}
|
|
</div>
|
|
);
|
|
}
|