forked from Cutlery/immich
Nicolò
ee6f1a010c
With this commit I wanted to complete the react-mail structure by properly define the templates styles by including tailwind css framework. The framework is extended by both react-mail and tailwindcss-preset-email. Those packages help the rendering for various email clients. If in future there is the necessity to target specific mail clients the package `tailwindcss-email-variants` and `tailwindcss-mso` can help too. The latter has some workarounds for the Ms Outlook that is still lacking a lot of the CSS3 funcitonality. to target Signed-off-by: hitech95 <nicveronese@gmail.com>
26 lines
740 B
TypeScript
26 lines
740 B
TypeScript
import { Link, Row, Text } from '@react-email/components';
|
|
import * as React from 'react';
|
|
import { TestEmailProps } from 'src/interfaces/notification.interface';
|
|
import ImmichLayout from './components/immich.layout';
|
|
|
|
export const TestEmail = ({ baseUrl, displayName }: TestEmailProps) => (
|
|
<ImmichLayout preview="This is a test email from Immich.">
|
|
<Text className="m-0 text-2xl">
|
|
Hey <strong>{displayName}</strong>!
|
|
</Text>
|
|
|
|
<Text>This is a test email from your Immich Instance!</Text>
|
|
|
|
<Row>
|
|
<Link href={baseUrl}>{baseUrl}</Link>
|
|
</Row>
|
|
</ImmichLayout>
|
|
);
|
|
|
|
TestEmail.PreviewProps = {
|
|
baseUrl: 'https://demo.immich.app',
|
|
displayName: 'Alan Turing',
|
|
} as TestEmailProps;
|
|
|
|
export default TestEmail;
|