mirror of
https://github.com/documenso/documenso.git
synced 2025-11-13 08:13:56 +10:00
4dd95016b1
## Description Support setting a document language that will control the language used for sending emails to recipients. Additional work has been done to convert all emails to using our i18n implementation so we can later add controls for sending other kinds of emails in a users target language. ## Related Issue N/A ## Changes Made - Added `<Trans>` and `msg` macros to emails - Introduced a new `renderEmailWithI18N` utility in the lib package - Updated all emails to use the `<Tailwind>` component at the top level due to rendering constraints - Updated the `i18n.server.tsx` file to not use a top level await ## Testing Performed - Configured document language and verified emails were sent in the expected language - Created a document from a template and verified that the templates language was transferred to the document
88 lines
2.8 KiB
TypeScript
88 lines
2.8 KiB
TypeScript
import { Trans } from '@lingui/macro';
|
|
import { env } from 'next-runtime-env';
|
|
|
|
import { Button, Column, Img, Link, Section, Text } from '../components';
|
|
import { TemplateDocumentImage } from './template-document-image';
|
|
|
|
export interface TemplateDocumentSelfSignedProps {
|
|
documentName: string;
|
|
assetBaseUrl: string;
|
|
}
|
|
|
|
export const TemplateDocumentSelfSigned = ({
|
|
documentName,
|
|
assetBaseUrl,
|
|
}: TemplateDocumentSelfSignedProps) => {
|
|
const NEXT_PUBLIC_WEBAPP_URL = env('NEXT_PUBLIC_WEBAPP_URL');
|
|
|
|
const signUpUrl = `${NEXT_PUBLIC_WEBAPP_URL ?? 'http://localhost:3000'}/signup`;
|
|
|
|
const getAssetUrl = (path: string) => {
|
|
return new URL(path, assetBaseUrl).toString();
|
|
};
|
|
|
|
return (
|
|
<>
|
|
<TemplateDocumentImage className="mt-6" assetBaseUrl={assetBaseUrl} />
|
|
|
|
<Section className="flex-row items-center justify-center">
|
|
<Section>
|
|
<Column align="center">
|
|
<Text className="text-base font-semibold text-[#7AC455]">
|
|
<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="text-primary mb-0 mt-6 text-center text-lg font-semibold">
|
|
<Trans>You have signed “{documentName}”</Trans>
|
|
</Text>
|
|
|
|
<Text className="mx-auto mb-6 mt-1 max-w-[80%] text-center text-base text-slate-400">
|
|
<Trans>
|
|
Create a{' '}
|
|
<Link
|
|
href={signUpUrl}
|
|
target="_blank"
|
|
className="text-documenso-700 hover:text-documenso-600 whitespace-nowrap"
|
|
>
|
|
free account
|
|
</Link>{' '}
|
|
to access your signed documents at any time.
|
|
</Trans>
|
|
</Text>
|
|
|
|
<Section className="mb-6 mt-8 text-center">
|
|
<Button
|
|
href={signUpUrl}
|
|
className="mr-4 rounded-lg border border-solid border-slate-200 px-4 py-2 text-center text-sm font-medium text-black no-underline"
|
|
>
|
|
<Img
|
|
src={getAssetUrl('/static/user-plus.png')}
|
|
className="mb-0.5 mr-2 inline h-5 w-5 align-middle"
|
|
/>
|
|
<Trans>Create account</Trans>
|
|
</Button>
|
|
|
|
<Button
|
|
className="rounded-lg border border-solid border-slate-200 px-4 py-2 text-center text-sm font-medium text-black no-underline"
|
|
href="https://documenso.com/pricing"
|
|
>
|
|
<Img
|
|
src={getAssetUrl('/static/review.png')}
|
|
className="mb-0.5 mr-2 inline h-5 w-5 align-middle"
|
|
/>
|
|
<Trans>View plans</Trans>
|
|
</Button>
|
|
</Section>
|
|
</Section>
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default TemplateDocumentSelfSigned;
|