Code-the-Change-YYC
diff --git a/‎amplify/emails/templates/Welcome.tsx
Lines changed: 18 additions & 0 deletions b/‎amplify/emails/templates/Welcome.tsx
Lines changed: 18 additions & 0 deletions
diff --git a/‎amplify/emails/templates/sendEmail.ts
Lines changed: 42 additions & 0 deletions b/‎amplify/emails/templates/sendEmail.ts
Lines changed: 42 additions & 0 deletions
diff --git a/‎amplify/tsconfig.json
Lines changed: 1 addition & 0 deletions b/‎amplify/tsconfig.json
Lines changed: 1 addition & 0 deletions
@@ -0,0 +1,18 @@
+import React from "react";
+
+import { Body, Html, Text } from "@react-email/components";
+
+export function Welcome(props: Record<string, any>) {
+  void props;
+  return (
+    <Html lang="en">
+      <Body>
+        <Text>Welcome to Hack the Change!</Text>
+        <Text>
+          You have successfully registered for our event. Please ensure you join
+          or create a team if you have not already done so.
+        </Text>
+      </Body>
+    </Html>
+  );
+}
@@ -0,0 +1,42 @@
+import { SES } from "@aws-sdk/client-ses";
+import { render } from "@react-email/render";
+
+import { Welcome } from "./Welcome";
+
+const ses = new SES({ region: process.env.AWS_SES_REGION });
+
+export const EmailTemplateList = {
+  Welcome: {
+    template: Welcome,
+    subject: "Registration Confirmation",
+  },
+};
+
+export const sendEmail = async (
+  EmailTemplate: keyof typeof EmailTemplateList,
+  props: Record<string, any>,
+  toAddress: string,
+) => {
+  const SelectedEmail = EmailTemplateList[EmailTemplate];
+  const emailHtml = render(SelectedEmail.template(props));
+  const params = {
+    Source: "Hack the Change<[email protected]>",
+    Destination: {
+      ToAddresses: [toAddress],
+    },
+    Message: {
+      Body: {
+        Html: {
+          Charset: "UTF-8",
+          Data: emailHtml,
+        },
+      },
+      Subject: {
+        Charset: "UTF-8",
+        Data: SelectedEmail.subject,
+      },
+    },
+  };
+
+  return await ses.sendEmail(params);
+};
@@ -3,6 +3,7 @@
     ".next"
   ],
   "compilerOptions": {
+    "jsx": "react",
     /* Visit https://aka.ms/tsconfig to read more about this file */
 
     /* Projects */