fixing fetch link

src/pages/api/sendEmail.ts

@@ -7,7 +7,6 @@ const resend = new Resend(import.meta.env.RESEND_API_KEY);
 
 export const POST: APIRoute = async ({ request }) => {
   const data = await request.formData();
-
   const name = data.get("name");
   const email = data.get("email");
   const message = data.get("message");
@@ -23,37 +22,51 @@ export const POST: APIRoute = async ({ request }) => {
     );
   } // Sending information to Resend
 
-  const sendResend = await resend.emails.send({
-    from: "[email protected]",
-    to: "[email protected]",
-    subject: `Submission from ${name}`,
-    html: `<p>
+  try {
+    const sendResend = await resend.emails.send({
+      from: "[email protected]",
+      to: "[email protected]",
+      subject: `Submission from ${name}`,
+      html: `<p>
     From: ${name}
     Email: ${email}
     Message: ${message}
     </p>`,
-  });
+    });
 
-  if (sendResend.data) {
+    if (sendResend.data) {
+      return new Response(
+        JSON.stringify({
+          message: `Message successfully sent!`,
+        }),
+        {
+          status: 200,
+          statusText: "OK",
+        },
+      );
+    } else {
+      return new Response(
+        JSON.stringify({
+          message: `Message failed to send: ${sendResend.error}`,
+        }),
+        {
+          status: 500,
+          statusText: `Internal Server Error: ${sendResend.error}`,
+        },
+      );
+    }
+  } catch (error) {
+    console.log(error)
     return new Response(
       JSON.stringify({
-        message: `Message successfully sent!`,
-      }),
-      {
-        status: 200,
-        statusText: "OK",
-      },
-    );
-  } else {
-    console.log(sendResend.error)
-    return new Response(
-      JSON.stringify({
-        message: `Message failed to send: ${sendResend.error}`,
+        message: `Message failed to send: ${error}`,
       }),
       {
         status: 500,
-        statusText: `Internal Server Error: ${sendResend.error}`,
+        statusText: `Internal Server Error: ${error}`,
       },
     );
   }
+
+
 };

src/pages/contact.astro

@@ -11,24 +11,35 @@ const page_data = {
 };
 let message = "";
 let messageType = "";
+let formUrl = ""
+let fetchResponse = ""
 if (Astro.request.method === "POST") {
   try {
     const formData = await Astro.request.formData();
-    const url = new URL(Astro.request.url).href;
-    const response = await fetch(url.replace('/contact', '/api/sendEmail'), {
+    const url = new URL(Astro.request.url).origin;
+    const response = await fetch(`${url}/api/sendEmail`, {
       method: "POST",
       body: formData,
     });
 
-    const data = await response.json();
+    formUrl = `${url}/api/sendEmail`
 
-    if (response.status === 200) {
-      message = data.message;
-      messageType = "success"; // Success
-    } else {
-      message = data.message || "Something went wrong. Please try again.";
-      messageType = "error"; // Failure
+    const clonedResponse = response.clone();
+    try {
+      const data = await response.json();
+      if (response.status === 200) {
+        message = data.message;
+        messageType = "success"; // Success
+      } else {
+        message = "Something went wrong. Please try again.";
+        messageType = "error"; // Failure
+      }
+    } catch (e) {
+      message = "JSON parsing error";
+      messageType = "error";
+      fetchResponse = await clonedResponse.text();
     }
+
   } catch (error) {
     if (error instanceof Error) {
       message = `Error: ${error.message}`;
@@ -55,6 +66,8 @@ if (Astro.request.method === "POST") {
           {message && (
             <div class={`message ${messageType === 'success' ? 'success' : 'error'}`}>
               <p>{message}</p>
+              <p>{formUrl}</p>
+              <p>{fetchResponse}</p>
             </div>
           )}
           <form

src/pages/programs.astro

@@ -4,7 +4,6 @@ import Base from "@/layouts/Base.astro";
 import Faq from "@/layouts/function-components/Faq.jsx";
 import { getEntryBySlug } from "astro:content";
 import MapSvg from "@/components/programs/map-svg.astro";
-const pricing = await getEntryBySlug("pricing", "index");
 const program = await getEntryBySlug("programs", "index");
 import config from "@/config/config.json";
 const { success_stories } = config.settings;
@@ -24,9 +23,9 @@ const page_data = {
 
 <Base
   title={program.data.title}
-  meta_title={pricing.data.meta_title}
-  description={pricing.data.description}
-  image={pricing.data.image}
+  meta_title={program.data.meta_title}
+  description={program.data.description}
+  image={program.data.image}
 >
   <section class="page-hero pb-14 pt-16">
     <div class="container">