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 { AlbumInviteEmailProps } from 'src/interfaces/notification.interface'; export const AlbumInviteEmail = ({ baseUrl, albumName, recipientName, senderName, albumId, cid, }: AlbumInviteEmailProps) => ( You have been added to a shared album.

Hey {recipientName}! {senderName} has added you to the album {albumName}. {cid && (

)} To view the album, open the link in a browser, or click the button below. {baseUrl}/albums/{albumId}

Immich project is available under GNU AGPL v3 license. ); AlbumInviteEmail.PreviewProps = { baseUrl: 'https://demo.immich.app', albumName: 'Trip to Europe', albumId: 'b63f6dae-e1c9-401b-9a85-9dbbf5612539', senderName: 'Owner User', recipientName: 'Guest User', cid: '', } as AlbumInviteEmailProps; export default AlbumInviteEmail; 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', };