refactor: ♻️ refactor resend files & .env.development

Author: JasonWarrenUK

.env

@@ -1,16 +1,13 @@
-// const RESEND_KEY = import.meta.env.VITE_RESEND_KEY;
 import { Resend } from "resend";
 import { Email } from "../../types/emails";
+const RESEND_KEY = import.meta.env.VITE_RESEND_KEY;
 
-// const resend = new Resend(RESEND_KEY);
-const resend = new Resend("re_SDc7pz1Y_KgTU6WSyX1Ed5rtwNHsuFqnG");
+const resend = new Resend(RESEND_KEY);
 
 export async function sendEmail(email: Email) {
   try {
     const { data, error } = await resend.emails.send(email);
-
-    if (error) throw new Error(error.message);
-    
+    if (error) { throw new Error(error.message) };
     return data;
   } catch (error) {
     console.error("Error sending email:", error);

src/api/emailApi.ts

@@ -1,27 +1,32 @@
-import { EmailTemplate } from '../../components/emails/EmailTemplate';
+import { EmailTest } from '../../components/emails/Tester';
 import { Resend } from 'resend';
+const RESEND_KEY = import.meta.env.VITE_RESEND_KEY;
 
-// const resend = new Resend(process.env.RESEND_API_KEY);
-const resend = new Resend("re_SDc7pz1Y_KgTU6WSyX1Ed5rtwNHsuFqnG");
+const resend = new Resend(RESEND_KEY);
+
+const facTeam= {
+  to: [
+    "[email protected]",
+    "[email protected]",
+    "[email protected]"
+  ],
+  names: "Alex, Dan & Jason"
+}
 
 export async function POST() {
   try {
     const { data, error } = await resend.emails.send({
       from: ' <[email protected]>',
-      to: [
-        "[email protected]",
-        "[email protected]",
-        "[email protected]"
-      ],
+      to: facTeam.to,
       subject: "Our Very First Nudgemail",
-      react: EmailTemplate({ firstName: 'Alex, Dan & Jason' }),
+      react: EmailTest({ firstName: facTeam.names }),
     });
 
     if (error) {
-      return Response.json({ error }, { status: 500 });
-    }
-
-    return Response.json(data);
+      return Response.json( { error }, { status: 500 } )
+    } else {
+      return Response.json(data)
+    };
   } catch (error) {
     return Response.json({ error }, { status: 500 });
   }

src/api/send/route.ts

@@ -1,14 +1,14 @@
 import * as React from 'react';
+import { EmailProps } from 'types/emails';
 
-interface EmailTemplateProps {
-  firstName: string;
-}
-
-export const EmailTemplate: React.FC<Readonly<EmailTemplateProps>> = ({
+export const EmailTest: React.FC<Readonly<EmailProps>> = ({
   firstName,
 }) => (
   <div>
-    <h1>BEACONS LIVES!</h1>
+    <h1>
+      BEACONS LIVES!
+    </h1>
+    
     <p>
       Hello, {firstName}!
       Thankyou for your service. Soon, I will have no further need of you.

src/components/emails/EmailTemplate.tsx src/components/emails/Tester.tsxsrc/components/emails/EmailTemplate.tsx renamed to src/components/emails/Tester.tsx

@@ -1,13 +1,10 @@
 export interface Email {
-  // app email address
-  from: string,
+  from: string, /* app email address */
+  to: string[], /* array containing employer email */
+  subject: string, /* derp */
+  html: string /* email body */ 
+}
 
-  // array containing employer email
-  to: string[],
-
-  // derp
-  subject: string,
-
-  // email body
-  html: string
+export interface EmailProps {
+  firstName: string;
 }