2023-02-17 13:37:28 +01:00
|
|
|
import Head from "next/head";
|
2023-02-17 14:22:51 +01:00
|
|
|
import Link from "next/link";
|
2023-02-21 12:10:04 +01:00
|
|
|
import { useRouter } from "next/router";
|
2023-04-04 22:02:32 +00:00
|
|
|
import prisma from "@documenso/prisma";
|
|
|
|
|
import { Button, IconButton } from "@documenso/ui";
|
|
|
|
|
import { NextPageWithLayout } from "../../_app";
|
|
|
|
|
import { ArrowDownTrayIcon, CheckBadgeIcon } from "@heroicons/react/24/outline";
|
2023-02-17 13:37:28 +01:00
|
|
|
|
2023-03-20 15:12:51 +01:00
|
|
|
const Signed: NextPageWithLayout = (props: any) => {
|
2023-02-21 12:10:04 +01:00
|
|
|
const router = useRouter();
|
2023-04-04 22:02:32 +00:00
|
|
|
const allRecipientsSigned = props.document.Recipient?.every((r: any) => r.signingStatus === "SIGNED");
|
2023-02-21 12:10:04 +01:00
|
|
|
|
2023-02-17 13:37:28 +01:00
|
|
|
return (
|
|
|
|
|
<>
|
|
|
|
|
<Head>
|
|
|
|
|
<title>Sign | Documenso</title>
|
|
|
|
|
</Head>
|
2023-02-17 14:22:51 +01:00
|
|
|
<div className="mx-auto w-fit px-4 py-16 sm:px-6 sm:py-24 lg:px-8">
|
2023-04-04 22:02:32 +00:00
|
|
|
<CheckBadgeIcon className="text-neon mr-1 inline w-10"></CheckBadgeIcon>
|
|
|
|
|
<h1 className="text-neon inline align-middle text-base font-medium">It's done!</h1>
|
|
|
|
|
<p className="mt-2 text-4xl font-bold tracking-tight">You signed "{props.document.title}"</p>
|
|
|
|
|
<p className="mt-2 max-w-sm text-base text-gray-500" hidden={allRecipientsSigned}>
|
2023-02-17 14:22:51 +01:00
|
|
|
You will be notfied when all recipients have signed.
|
|
|
|
|
</p>
|
2023-04-04 22:02:32 +00:00
|
|
|
<p className="mt-2 max-w-sm text-base text-gray-500" hidden={!allRecipientsSigned}>
|
2023-02-21 12:10:04 +01:00
|
|
|
All recipients signed.
|
|
|
|
|
</p>
|
2023-04-04 22:02:32 +00:00
|
|
|
<div className="mx-auto w-fit pt-20 text-xl" hidden={!allRecipientsSigned}>
|
2023-02-21 12:10:04 +01:00
|
|
|
<Button
|
|
|
|
|
icon={ArrowDownTrayIcon}
|
|
|
|
|
color="secondary"
|
|
|
|
|
onClick={(event: any) => {
|
|
|
|
|
event.preventDefault();
|
|
|
|
|
event.stopPropagation();
|
2023-04-04 22:02:32 +00:00
|
|
|
router.push("/api/documents/" + props.document.id + "?token=" + props.recipient.token);
|
|
|
|
|
}}>
|
2023-02-21 15:58:45 +01:00
|
|
|
Download "{props.document.title}"
|
2023-02-21 12:10:04 +01:00
|
|
|
</Button>
|
|
|
|
|
</div>
|
2023-02-17 14:22:51 +01:00
|
|
|
</div>
|
|
|
|
|
<div>
|
|
|
|
|
<div className="relative mx-96">
|
2023-04-04 22:02:32 +00:00
|
|
|
<div className="absolute inset-0 flex items-center" aria-hidden="true">
|
2023-02-17 14:22:51 +01:00
|
|
|
<div className="w-full border-t border-gray-300" />
|
|
|
|
|
</div>
|
|
|
|
|
<div className="relative flex justify-center"></div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<p className="mt-4 text-center text-sm text-gray-600">
|
|
|
|
|
Want to send slick signing links like this one?{" "}
|
2023-04-04 22:02:32 +00:00
|
|
|
<Link href="https://documenso.com" className="text-neon hover:text-neon font-medium">
|
2023-03-14 09:52:28 +01:00
|
|
|
Hosted Documenso is coming soon™
|
2023-02-17 14:22:51 +01:00
|
|
|
</Link>
|
|
|
|
|
</p>
|
2023-02-17 13:37:28 +01:00
|
|
|
</>
|
|
|
|
|
);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
export async function getServerSideProps(context: any) {
|
|
|
|
|
const recipientToken: string = context.query["token"];
|
|
|
|
|
|
|
|
|
|
const recipient = await prisma.recipient.findFirstOrThrow({
|
|
|
|
|
where: {
|
|
|
|
|
token: recipientToken,
|
|
|
|
|
},
|
|
|
|
|
include: {
|
2023-02-21 12:10:04 +01:00
|
|
|
Document: { include: { Recipient: true } },
|
2023-02-17 13:37:28 +01:00
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
const fields = await prisma.field.findMany({
|
|
|
|
|
where: {
|
|
|
|
|
documentId: recipient.Document.id,
|
|
|
|
|
},
|
|
|
|
|
include: {
|
|
|
|
|
Recipient: true,
|
|
|
|
|
},
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
props: {
|
2023-02-24 09:24:31 +01:00
|
|
|
document: JSON.parse(JSON.stringify(recipient.Document)),
|
2023-02-24 15:59:19 +01:00
|
|
|
fields: JSON.parse(JSON.stringify(fields)),
|
2023-03-20 15:12:51 +01:00
|
|
|
recipient: JSON.parse(JSON.stringify(recipient)),
|
2023-02-17 13:37:28 +01:00
|
|
|
},
|
|
|
|
|
};
|
|
|
|
|
}
|
|
|
|
|
|
2023-03-20 15:12:51 +01:00
|
|
|
export default Signed;
|
