chore(refactor): switch to react email

enijar · Nov 16, 2024 · 5364bd9 · 5364bd9
1 parent 868e2c3
commit 5364bd9
Show file tree

Hide file tree

Showing 9 changed files with 2,949 additions and 2,459 deletions.
diff --git a/server/.env.example b/server/.env.example
@@ -19,10 +19,5 @@ DATABASE_STORAGE=.cache/database.sqlite
 
 JWT_SECRET=secret
 
-EMAIL_PREVIEW=true
-EMAIL_SEND=false
 EMAIL_FROM=hello@example.com
-EMAIL_SMTP_HOST=smtp.sendgrid.net
-EMAIL_SMTP_PORT=587
-EMAIL_SMTP_USERNAME=apikey
 EMAIL_SMTP_PASSWORD=secret
diff --git a/server/emails/login.tsx b/server/emails/login.tsx
@@ -0,0 +1,28 @@
+import React from "react";
+import { Button, Html, Img, Text } from "@react-email/components";
+import config from "@/config.js";
+
+type Props = {
+  loginToken: string;
+  uuid: string;
+};
+
+export default function Login(props: Props) {
+  return (
+    <Html lang="en">
+      <Text>
+        <Img src={`${config.appUrl}/preview.png`} alt="All the Streams" />
+      </Text>
+      <Text>
+        <Button href={`${config.apiUrl}/api/auth?loginToken=${props.loginToken}&uuid=${props.uuid}`}>
+          Click here to login
+        </Button>
+      </Text>
+      <Text>
+        If the link above doesn't work, copy/paste this into your browser URL bar:
+        <br />
+        {`${config.apiUrl}/api/auth?loginToken=${props.loginToken}&uuid=${props.uuid}`}
+      </Text>
+    </Html>
+  );
+}
diff --git a/server/emails/login/html.ejs b/server/emails/login/html.ejs