cohabit/mailer
5
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

refactor(chore): move templates components to sub dir

Browse source
This commit is contained in:
Julien Oculi 2024-04-04 14:34:42 +02:00
parent 2a38c88716
commit ba33da8d16
3 changed files with 19 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
templates/Message.tsx
View file

@ -1,5 +1,5 @@
import { Body, Html, Markdown, Preview, Section, Text } from 'jsx-email' import { Body, Html, Markdown, Preview, Section, Text } from 'jsx-email'
import { Signature } from './_Signature.tsx' import { Signature } from './components/Signature.tsx'
import type { Template } from '../types.ts' import type { Template } from '../types.ts'
function Message( function Message(

24
templates/Welcome.tsx
View file

@ -1,6 +1,7 @@
import { import {
Body, Body,
Button, Button,
Code,
Container, Container,
Heading, Heading,
Html, Html,
@ -8,8 +9,9 @@ import {
Section, Section,
Text, Text,
} from 'jsx-email' } from 'jsx-email'
import { Signature } from './_Signature.tsx' import { Signature } from './components/Signature.tsx'
import type { Template } from '../types.ts' import type { Template } from '../types.ts'
import type { JSX } from 'preact'
function Welcome( function Welcome(
{ firstname, lastname, login }: { { firstname, lastname, login }: {
@ -22,14 +24,15 @@ function Welcome(
<Html lang='fr'> <Html lang='fr'>
<Preview>Bienvenue au FabLab Coh@bit</Preview> <Preview>Bienvenue au FabLab Coh@bit</Preview>
<Body> <Body>
<Container> <Container style={{ border: '1px solid darkgrey' }}>
<Section> <Section>
<Heading as='h1'>Bienvenue à Coh@bit</Heading> <Heading as='h1'>Bienvenue à Coh@bit</Heading>
<Text> <Text>
Bravo ! Vous avez rejoint le FabLab Coh@bit en tant que{' '} Bravo ! Vous avez rejoint le FabLab Coh@bit en tant que
{firstname} {lastname} (login:{' '} {firstname} {lastname} (id :{' '}
{login}). Laissez parler votre créativité, vous êtes prêt à <Code>{login}</Code>). Laissez parler votre créativité, vous êtes
collaborer avec toute une communauté ouverte et accueillante. prêt à collaborer avec toute une communauté ouverte et
accueillante.
</Text> </Text>
<Text> <Text>
Comment débuter : Comment débuter :
@ -80,6 +83,15 @@ function Welcome(
) )
} }
const bodyCss: JSX.CSSProperties = {
fontSize: 'large',
fontFamily: 'sans-serif',
}
const messageCss: JSX.CSSProperties = {
padding: '1rem',
}
const template: Template<typeof Welcome, Parameters<typeof Welcome>[0]> = { const template: Template<typeof Welcome, Parameters<typeof Welcome>[0]> = {
props: [ props: [
{ {

0
templates/_Signature.tsx → templates/components/Signature.tsx
View file