Fix

kaarthik108 · Jul 22, 2023 · b76eb67 · b76eb67
1 parent dfd3bf0
commit b76eb67
Show file tree

Hide file tree

Showing 7 changed files with 55 additions and 64 deletions.
diff --git a/index.ts b/index.ts
@@ -4,7 +4,7 @@ import {
   Handler,
 } from "aws-lambda";
 import fetch from "node-fetch";
-import { EmailTemplate } from "./src/emails/test";
+import { renderEmail } from "renderEmail"; // Import the function from the .tsx file
 
 const RESEND_API_KEY = process.env["RESEND_API_KEY"];
 
@@ -13,6 +13,11 @@ interface ResendResponse {
   message?: string;
 }
 
+const html = renderEmail(
+  "Kaarthik", // Provide title as a string
+  "/" // Provide link as a string
+);
+
 export const handler: Handler = async (
   event: APIGatewayProxyEvent
 ): Promise<APIGatewayProxyResultV2> => {
@@ -53,8 +58,7 @@ export const handler: Handler = async (
         from: "[email protected]",
         to: ["[email protected]"],
         subject: "hello world",
-        react: EmailTemplate({ firstName: "John" }),
-        html: "<h1>Hello world</h1>",
+        html: html,
         text: "Hello world",
       }),
     });

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,6 +18,7 @@
   },
   "dependencies": {
     "@react-email/components": "^0.0.7",
+    "@react-email/render": "0.0.7",
     "aws-lambda": "^1.0.7",
     "node-fetch": "^3.3.1",
     "react-email": "^1.9.4",

diff --git a/renderEmail.tsx b/renderEmail.tsx
@@ -0,0 +1,7 @@
+import { render } from "@react-email/render";
+import React from "react";
+import TestTemplate from "./src/emails/TestTemplate";
+
+export function renderEmail(title: string, link: string) {
+    return render(<TestTemplate title={title} link={link} />);
+}
diff --git a/src/emails/TestTemplate.tsx b/src/emails/TestTemplate.tsx
@@ -0,0 +1,22 @@
+// src/emails/testTemplate.tsx
+import { Button } from '@react-email/button';
+import { Hr } from '@react-email/hr';
+import { Html } from '@react-email/html';
+import { Text } from '@react-email/text';
+import * as React from 'react';
+
+type TestTemplateProps = {
+    /* Define the shape of the props here. For example: */
+    title: string;
+    link: string;
+};
+
+export default function TestTemplate({ title, link }: TestTemplateProps) {
+    return (
+        <Html lang="en">
+            <Text>{title}</Text>
+            <Hr />
+            <Button href={link}>Click me</Button>
+        </Html>
+    );
+}
diff --git a/src/emails/emailComponentPicker.tsx b/src/emails/emailComponentPicker.tsx
diff --git a/src/emails/test.tsx b/src/emails/test.tsx