mirror of
https://github.com/hanzoai/sign.git
synced 2026-10-30 14:57:59 +00:00
zeekay
b2083a6610
Emails, the signing page's title, the sealed PDF's reason, the sign-in refusal and the dialogs still said Hanzo Sign. The catalogs change with the strings, message for message, so every translation keeps its id.
81 lines
2.6 KiB
TypeScript
81 lines
2.6 KiB
TypeScript
import { msg } from '@lingui/core/macro';
|
|
import { useLingui } from '@lingui/react';
|
|
import { Trans } from '@lingui/react/macro';
|
|
|
|
import { Body, Container, Head, Hr, Html, Img, Preview, Section, Text } from '../components';
|
|
import { useBranding } from '../providers/branding';
|
|
import { TemplateFooter } from '../template-components/template-footer';
|
|
import TemplateImage from '../template-components/template-image';
|
|
|
|
export type OrganisationJoinEmailProps = {
|
|
assetBaseUrl: string;
|
|
baseUrl: string;
|
|
memberName: string;
|
|
memberEmail: string;
|
|
organisationName: string;
|
|
organisationUrl: string;
|
|
};
|
|
|
|
export const OrganisationJoinEmailTemplate = ({
|
|
assetBaseUrl = 'http://localhost:3002',
|
|
baseUrl = 'https://esign.hanzo.ai',
|
|
memberName = 'John Doe',
|
|
memberEmail = '[email protected]',
|
|
organisationName = 'Organisation Name',
|
|
organisationUrl = 'demo',
|
|
}: OrganisationJoinEmailProps) => {
|
|
const { _ } = useLingui();
|
|
const branding = useBranding();
|
|
|
|
const previewText = msg`A member has joined your organisation on Hanzo eSign`;
|
|
|
|
return (
|
|
<Html>
|
|
<Head />
|
|
<Preview>{_(previewText)}</Preview>
|
|
|
|
<Body className="mx-auto my-auto font-sans">
|
|
<Section className="bg-white text-slate-500">
|
|
<Container className="mx-auto mb-2 mt-8 max-w-xl rounded-lg border border-solid border-slate-200 p-2 backdrop-blur-sm">
|
|
{branding.brandingEnabled && branding.brandingLogo ? (
|
|
<Img src={branding.brandingLogo} alt="Branding Logo" className="mb-4 h-6 p-2" />
|
|
) : (
|
|
<TemplateImage
|
|
assetBaseUrl={assetBaseUrl}
|
|
className="mb-4 h-6 p-2"
|
|
staticAsset="logo.png"
|
|
/>
|
|
)}
|
|
|
|
<Section>
|
|
<TemplateImage
|
|
className="mx-auto"
|
|
assetBaseUrl={assetBaseUrl}
|
|
staticAsset="add-user.png"
|
|
/>
|
|
</Section>
|
|
|
|
<Section className="p-2 text-slate-500">
|
|
<Text className="text-center text-lg font-medium text-black">
|
|
<Trans>A new member has joined your organisation {organisationName}</Trans>
|
|
</Text>
|
|
|
|
<div className="mx-auto my-2 w-fit rounded-lg bg-gray-50 px-4 py-2 text-base font-medium text-slate-600">
|
|
{memberName || memberEmail}
|
|
</div>
|
|
</Section>
|
|
</Container>
|
|
|
|
<Hr className="mx-auto mt-12 max-w-xl" />
|
|
|
|
<Container className="mx-auto max-w-xl">
|
|
<TemplateFooter isDocument={false} />
|
|
</Container>
|
|
</Section>
|
|
</Body>
|
|
</Html>
|
|
);
|
|
};
|
|
|
|
export default OrganisationJoinEmailTemplate;
|