mirror of
https://github.com/hanzoai/sign.git
synced 2026-11-02 23:26:15 +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.
88 lines
2.9 KiB
TypeScript
88 lines
2.9 KiB
TypeScript
import { msg } from '@lingui/core/macro';
|
|
import { useLingui } from '@lingui/react';
|
|
import { Trans } from '@lingui/react/macro';
|
|
|
|
import { formatTeamUrl } from '@hanzo/esign-lib/utils/teams';
|
|
|
|
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 TeamEmailRemovedTemplateProps = {
|
|
assetBaseUrl: string;
|
|
baseUrl: string;
|
|
teamEmail: string;
|
|
teamName: string;
|
|
teamUrl: string;
|
|
};
|
|
|
|
export const TeamEmailRemovedTemplate = ({
|
|
assetBaseUrl = 'http://localhost:3002',
|
|
baseUrl = 'https://esign.hanzo.ai',
|
|
teamEmail = '[email protected]',
|
|
teamName = 'Team Name',
|
|
teamUrl = 'demo',
|
|
}: TeamEmailRemovedTemplateProps) => {
|
|
const { _ } = useLingui();
|
|
const branding = useBranding();
|
|
|
|
const previewText = msg`Team email removed for ${teamName} 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 px-2 pt-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="mail-open-alert.png"
|
|
/>
|
|
</Section>
|
|
|
|
<Section className="p-2 text-slate-500">
|
|
<Text className="text-center text-lg font-medium text-black">
|
|
<Trans>Team email removed</Trans>
|
|
</Text>
|
|
|
|
<Text className="my-1 text-center text-base">
|
|
<Trans>
|
|
The team email <span className="font-bold">{teamEmail}</span> has been removed
|
|
from the following team
|
|
</Trans>
|
|
</Text>
|
|
|
|
<div className="mx-auto mb-6 mt-2 w-fit rounded-lg bg-gray-50 px-4 py-2 text-base font-medium text-slate-600">
|
|
{formatTeamUrl(teamUrl, baseUrl)}
|
|
</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 TeamEmailRemovedTemplate;
|