feat: user activation and emails

2023-12-04 16:18:35 +01:00
parent 527fc25c08
commit 37f5692f61
40 changed files with 2093 additions and 310 deletions
--- a/components/emails/newsletter.tsx
+++ b/components/emails/newsletter.tsx
@@ -0,0 +1,19 @@
+import { Container } from '@react-email/container';
+import { Html } from '@react-email/html';
+import { Section } from '@react-email/section';
+import { Text } from '@react-email/text';
+import { container, main, paragraph } from './utils/styling';
+
+export default function NewsletterEmail(ids: number[]) {
+  return (
+    <Html>
+      <Section style={main}>
+        <Container style={container}>
+          <Text style={paragraph}>
+            These were the ids retrieved: {ids.join(', ')}
+          </Text>
+        </Container>
+      </Section>
+    </Html>
+  );
+}
--- a/components/emails/subscribe.tsx
+++ b/components/emails/subscribe.tsx
@@ -0,0 +1,23 @@
+import { Container } from '@react-email/container';
+import { Html } from '@react-email/html';
+import { Section } from '@react-email/section';
+import { Text } from '@react-email/text';
+import { container, main, paragraph } from './utils/styling';
+
+export default function SubscribeEmail(code: string) {
+  return (
+    <Html>
+      <Section style={main}>
+        <Container style={container}>
+          <Text style={paragraph}>
+            To confirm the subscription, please click{' '}
+            <a href={`${process.env.HOME_URL}/confirmation?code=${code}`}>
+              here
+            </a>
+            .
+          </Text>
+        </Container>
+      </Section>
+    </Html>
+  );
+}
--- a/components/emails/unsubscribe.tsx
+++ b/components/emails/unsubscribe.tsx
@@ -0,0 +1,19 @@
+import { Container } from '@react-email/container';
+import { Html } from '@react-email/html';
+import { Section } from '@react-email/section';
+import { Text } from '@react-email/text';
+import { container, main, paragraph } from './utils/styling';
+
+export default function UnsubscribeEmail() {
+  return (
+    <Html>
+      <Section style={main}>
+        <Container style={container}>
+          <Text style={paragraph}>
+            You have unsubscribed from the newsletter.
+          </Text>
+        </Container>
+      </Section>
+    </Html>
+  );
+}
--- a/components/emails/utils/styling.ts
+++ b/components/emails/utils/styling.ts
@@ -0,0 +1,15 @@
+export const main = {
+  backgroundColor: '#ffffff'
+};
+
+export const container = {
+  margin: '0 auto',
+  padding: '20px 0 48px',
+  width: '580px'
+};
+
+export const paragraph = {
+  fontSize: '18px',
+  lineHeight: '1.4',
+  color: '#484848'
+};