cc4e5298ff
* fix(deps): update typescript-projects * chore: clean up --------- Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Jason Rasmussen <jason@rasm.me>
50 lines
1.6 KiB
TypeScript
50 lines
1.6 KiB
TypeScript
import { Img, Link, Section, Text } from '@react-email/components';
|
|
import * as React from 'react';
|
|
import { ImmichButton } from 'src/emails/components/button.component';
|
|
import ImmichLayout from 'src/emails/components/immich.layout';
|
|
import { AlbumUpdateEmailProps } from 'src/interfaces/notification.interface';
|
|
|
|
export const AlbumUpdateEmail = ({ baseUrl, albumName, recipientName, albumId, cid }: AlbumUpdateEmailProps) => (
|
|
<ImmichLayout preview="New media has been added to a shared album.">
|
|
<Text className="m-0">
|
|
Hey <strong>{recipientName}</strong>!
|
|
</Text>
|
|
|
|
<Text>
|
|
New media has been added to <strong>{albumName}</strong>,
|
|
<br /> check it out!
|
|
</Text>
|
|
|
|
{cid && (
|
|
<Section className="flex justify-center my-0">
|
|
<Img
|
|
className="max-w-[300px] w-full rounded-lg"
|
|
src={`cid:${cid}`}
|
|
style={{
|
|
boxShadow: 'rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px',
|
|
}}
|
|
/>
|
|
</Section>
|
|
)}
|
|
|
|
<Section className="flex justify-center my-6">
|
|
<ImmichButton href={`${baseUrl}/albums/${albumId}`}>View Album</ImmichButton>
|
|
</Section>
|
|
|
|
<Text className="text-xs">
|
|
If you cannot click the button use the link below to view the album.
|
|
<br />
|
|
<Link href={`${baseUrl}/albums/${albumId}`}>{`${baseUrl}/albums/${albumId}`}</Link>
|
|
</Text>
|
|
</ImmichLayout>
|
|
);
|
|
|
|
AlbumUpdateEmail.PreviewProps = {
|
|
baseUrl: 'https://demo.immich.app',
|
|
albumName: 'Trip to Europe',
|
|
albumId: 'b63f6dae-e1c9-401b-9a85-9dbbf5612539',
|
|
recipientName: 'Alan Turing',
|
|
} as AlbumUpdateEmailProps;
|
|
|
|
export default AlbumUpdateEmail;
|