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.
57 lines
1.6 KiB
TypeScript
57 lines
1.6 KiB
TypeScript
import { Trans } from '@lingui/react/macro';
|
|
|
|
import { Column, Img, Section, Text } from '../components';
|
|
import { TemplateDocumentImage } from './template-document-image';
|
|
|
|
export interface TemplateDocumentRecipientSignedProps {
|
|
documentName: string;
|
|
recipientName: string;
|
|
recipientEmail: string;
|
|
assetBaseUrl: string;
|
|
}
|
|
|
|
export const TemplateDocumentRecipientSigned = ({
|
|
documentName,
|
|
recipientName,
|
|
recipientEmail,
|
|
assetBaseUrl,
|
|
}: TemplateDocumentRecipientSignedProps) => {
|
|
const getAssetUrl = (path: string) => {
|
|
return new URL(path, assetBaseUrl).toString();
|
|
};
|
|
|
|
const recipientReference = recipientName || recipientEmail;
|
|
|
|
return (
|
|
<>
|
|
<TemplateDocumentImage className="mt-6" assetBaseUrl={assetBaseUrl} />
|
|
|
|
<Section>
|
|
<Section className="mb-4">
|
|
<Column align="center">
|
|
<Text className="text-base font-semibold text-black">
|
|
<Img
|
|
src={getAssetUrl('/static/completed.png')}
|
|
className="-mt-0.5 mr-2 inline h-7 w-7 align-middle"
|
|
/>
|
|
<Trans>Completed</Trans>
|
|
</Text>
|
|
</Column>
|
|
</Section>
|
|
|
|
<Text className="mb-0 text-center text-lg font-semibold text-primary">
|
|
<Trans>
|
|
{recipientReference} has signed "{documentName}"
|
|
</Trans>
|
|
</Text>
|
|
|
|
<Text className="mx-auto mb-6 mt-1 max-w-[80%] text-center text-base text-slate-400">
|
|
<Trans>{recipientReference} has completed signing the document.</Trans>
|
|
</Text>
|
|
</Section>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default TemplateDocumentRecipientSigned;
|