[CHG] Fixed route response handling

Author: Hexdigest123

src/app/(default)/api/newsletter/signup/route.ts

@@ -66,7 +66,7 @@ export async function POST(req: Request) {
     ) {
       await conn?.query("COMMIT");
       return NextResponse.json(
-        { message: "This email is already subscribed to our newsletter" },
+        { error: "This email is already subscribed to our newsletter" },
         { status: 409 },
       );
     }
@@ -107,7 +107,11 @@ export async function POST(req: Request) {
     const cipherText = cryptService.encrypt(email);
     if (!cipherText) {
       await conn?.query("ROLLBACK");
-      return NextResponse.json({ error: "Encryption failed" }, { status: 500 });
+      console.error("Encryption failed!");
+      return NextResponse.json(
+        { error: "Something wen't wrong!" },
+        { status: 500 },
+      );
     }
 
     const verificationToken = cryptService.createVerificationToken();

src/app/(default)/newsletter/unsubscribe/page.tsx

@@ -57,7 +57,7 @@ export default function UnsubscribeNewsletter() {
           });
       }
     }
-  }, [searchParams]);
+  }, [searchParams, statusParam]);
 
   const handleEmailUnsubscribe = async () => {
     if (!email) {

src/components/sections/NewsletterSection.tsx

@@ -64,12 +64,20 @@ export default function NewsletterSection() {
       });
 
       if (!response.ok) {
-        const errorData = await response.text();
-        throw new Error(errorData || "Failed to subscribe");
+        const errorData = await response.json();
+        throw new Error(errorData?.error || "Failed to subscribe");
+      }
+
+      const body = await response.json();
+      if (!body.message) {
+        console.error("Couldn't find body.message from /api/newsletter/signup");
       }
 
       setStatus({ type: "idle", message: "" });
-      showToast("success", "Thank you for subscribing!");
+      showToast(
+        "success",
+        body.message || "Verification email sent. Please check your inbox.",
+      );
       setEmail("");
       setExtensive(false);
     } catch (error) {
@@ -157,10 +165,11 @@ export default function NewsletterSection() {
 
       {toast.visible && (
         <div
-          className={`fixed bottom-4 right-4 z-50 flex items-center gap-2 rounded-lg p-4 shadow-lg transition-all duration-300 ${toast.type === "success"
+          className={`fixed bottom-4 right-4 z-50 flex items-center gap-2 rounded-lg p-4 shadow-lg transition-all duration-300 ${
+            toast.type === "success"
               ? "bg-green text-white"
               : "bg-red text-white"
-            }`}
+          }`}
         >
           <div className="text-sm font-medium">{toast.message}</div>
           <button