import { Body, Button, Column, Container, Head, Hr, Html, Img, Link, Preview, Row, Section, Text, } from '@react-email/components'; import * as CSS from 'csstype'; import * as React from 'react'; import { WelcomeEmailProps } from 'src/interfaces/notification.interface'; export const WelcomeEmail = ({ baseUrl, displayName, username, password }: WelcomeEmailProps) => ( You have been invited to a new Immich instance.

Hey {displayName}! A new account has been created for you. Username: {username} {password && ( <>
Password: {password} )} To login, open the link in a browser, or click the button below. {baseUrl}

Immich project is available under GNU AGPL v3 license. ); WelcomeEmail.PreviewProps = { baseUrl: 'https://demo.immich.app/auth/login', displayName: 'Alan Turing', username: 'alanturing@immich.app', password: 'mysuperpassword', } as WelcomeEmailProps; export default WelcomeEmail; const text = { margin: '0 0 24px 0', textAlign: 'left' as const, fontSize: '18px', lineHeight: '24px', }; const button: CSS.Properties = { backgroundColor: 'rgb(66, 80, 175)', margin: '1em 0', padding: '0.75em 3em', color: '#fff', fontSize: '1em', fontWeight: 700, lineHeight: 1.5, textTransform: 'uppercase', borderRadius: '9999px', };