041efb89fb
Removed services and actions related to team account deletion as well as updated paths within other dependent files, better reflecting their new locations. Also, added a new service titled 'AccountBillingService' for handling billing-related operations and restructured the form layout and handled translation in 'team-account-danger-zone' component.
91 lines
2.8 KiB
TypeScript
91 lines
2.8 KiB
TypeScript
import {
|
|
Body,
|
|
Button,
|
|
Column,
|
|
Container,
|
|
Head,
|
|
Heading,
|
|
Hr,
|
|
Html,
|
|
Img,
|
|
Link,
|
|
Preview,
|
|
Row,
|
|
Section,
|
|
Tailwind,
|
|
Text,
|
|
render,
|
|
} from '@react-email/components';
|
|
|
|
interface Props {
|
|
teamName: string;
|
|
teamLogo?: string;
|
|
inviter: string | undefined;
|
|
invitedUserEmail: string;
|
|
link: string;
|
|
productName: string;
|
|
}
|
|
|
|
export function renderInviteEmail(props: Props) {
|
|
const previewText = `Join ${props.invitedUserEmail} on ${props.productName}`;
|
|
|
|
return render(
|
|
<Html>
|
|
<Head />
|
|
<Preview>{previewText}</Preview>
|
|
|
|
<Tailwind>
|
|
<Body className="mx-auto my-auto bg-gray-50 font-sans">
|
|
<Container className="mx-auto my-[40px] w-[465px] rounded-lg border border-solid border-[#eaeaea] bg-white p-[20px]">
|
|
<Heading className="mx-0 my-[30px] p-0 text-center text-[24px] font-normal text-black">
|
|
Join <strong>{props.teamName}</strong> on{' '}
|
|
<strong>{props.productName}</strong>
|
|
</Heading>
|
|
<Text className="text-[14px] leading-[24px] text-black">
|
|
Hello {props.invitedUserEmail},
|
|
</Text>
|
|
<Text className="text-[14px] leading-[24px] text-black">
|
|
<strong>{props.inviter}</strong> has invited you to the{' '}
|
|
<strong>{props.teamName}</strong> team on{' '}
|
|
<strong>{props.productName}</strong>.
|
|
</Text>
|
|
{props.teamLogo && (
|
|
<Section>
|
|
<Row>
|
|
<Column align="center">
|
|
<Img
|
|
className="rounded-full"
|
|
src={props.teamLogo}
|
|
width="64"
|
|
height="64"
|
|
/>
|
|
</Column>
|
|
</Row>
|
|
</Section>
|
|
)}
|
|
<Section className="mb-[32px] mt-[32px] text-center">
|
|
<Button
|
|
className="rounded bg-[#000000] px-[20px] py-[12px] text-center text-[12px] font-semibold text-white no-underline"
|
|
href={props.link}
|
|
>
|
|
Join {props.teamName}
|
|
</Button>
|
|
</Section>
|
|
<Text className="text-[14px] leading-[24px] text-black">
|
|
or copy and paste this URL into your browser:{' '}
|
|
<Link href={props.link} className="text-blue-600 no-underline">
|
|
{props.link}
|
|
</Link>
|
|
</Text>
|
|
<Hr className="mx-0 my-[26px] w-full border border-solid border-[#eaeaea]" />
|
|
<Text className="text-[12px] leading-[24px] text-[#666666]">
|
|
This invitation was intended for{' '}
|
|
<span className="text-black">{props.invitedUserEmail}</span>.
|
|
</Text>
|
|
</Container>
|
|
</Body>
|
|
</Tailwind>
|
|
</Html>,
|
|
);
|
|
}
|