mirror of
https://github.com/hanzoai/sign.git
synced 2026-10-21 01:21:51 +00:00
zooqueen
f31a87bf93
State now reads through shape, weight and tone rather than hue: the active editor step and selected file carry a filled mark and heavier label, recipients are told apart by six neutral tones, and status icons lean on the clock/check/file glyphs they already draw. Red stays as the one accent, reserved for destructive and rejected. Drops the unreferenced --new-* ramps and the dawn/water scales, points the stock Tailwind ring at --ring, and desaturates the sign scale so the PDF certificate, audit log and email templates match the app.
49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
import { Trans } from '@lingui/react/macro';
|
|
|
|
import { Button, Heading, Text } from '../components';
|
|
|
|
export interface TemplateDocumentRejectedProps {
|
|
documentName: string;
|
|
recipientName: string;
|
|
rejectionReason?: string;
|
|
documentUrl: string;
|
|
}
|
|
|
|
export function TemplateDocumentRejected({
|
|
documentName,
|
|
recipientName: signerName,
|
|
rejectionReason,
|
|
documentUrl,
|
|
}: TemplateDocumentRejectedProps) {
|
|
return (
|
|
<div className="mt-4">
|
|
<Heading className="mb-4 text-center text-2xl font-semibold text-neutral-800">
|
|
<Trans>Document Rejected</Trans>
|
|
</Heading>
|
|
|
|
<Text className="mb-4 text-base">
|
|
<Trans>
|
|
{signerName} has rejected the document "{documentName}".
|
|
</Trans>
|
|
</Text>
|
|
|
|
{rejectionReason && (
|
|
<Text className="mb-4 text-base text-slate-400">
|
|
<Trans>Reason for rejection: {rejectionReason}</Trans>
|
|
</Text>
|
|
)}
|
|
|
|
<Text className="mb-6 text-base">
|
|
<Trans>You can view the document and its status by clicking the button below.</Trans>
|
|
</Text>
|
|
|
|
<Button
|
|
href={documentUrl}
|
|
className="inline-flex items-center justify-center rounded-lg bg-sign-500 px-6 py-3 text-center text-sm font-medium text-black no-underline"
|
|
>
|
|
<Trans>View Document</Trans>
|
|
</Button>
|
|
</div>
|
|
);
|
|
}
|