fix: handled api error responses

app/api/confirmation/route.ts

@@ -28,6 +28,7 @@ export async function POST(request: Request) {
     });
 
     const message: z.infer<typeof ResponseSchema> = {
+      success: true,
       message: `Thank you for confirming the subscription, ${user.email}!`
     };
 
@@ -35,7 +36,8 @@ export async function POST(request: Request) {
   }
 
   const message: z.infer<typeof ResponseSchema> = {
-    message: `Nothing to see here...`
+    success: false,
+    message: `It was not possible to confirm the subscription.`
   };
 
   return ApiResponse(200, JSON.stringify(message));

app/api/subscribe/route.ts

@@ -36,6 +36,7 @@ export async function POST(request: Request) {
     }
 
     const message: z.infer<typeof ResponseSchema> = {
+      success: true,
       message: `Thank you for subscribing!`
     };
 
@@ -67,6 +68,7 @@ export async function POST(request: Request) {
   }
 
   const message: z.infer<typeof ResponseSchema> = {
+    success: true,
     message: `Thank you! You will now receive an email to ${email} to confirm the subscription.`
   };
 

app/api/unsubscribe/route.ts

@@ -39,6 +39,7 @@ export async function POST(request: Request) {
   }
 
   const message: z.infer<typeof ResponseSchema> = {
+    success: true,
     message: `${email} unsubscribed.`
   };
 

app/confirmation/page.tsx

@@ -31,7 +31,13 @@ export default function Confirmation() {
         if (!res.ok) {
           router.push('/');
         }
+
         const response: z.infer<typeof ResponseSchema> = await res.json();
+
+        if (!response.success) {
+          router.push('/');
+        }
+
         return response;
       })
       .then(response => {

app/page.tsx

@@ -59,6 +59,10 @@ export default function Home() {
       const formResponse: z.infer<typeof ResponseSchema> =
         await response.json();
 
+      if (!formResponse.success) {
+        throw Error(formResponse.message);
+      }
+
       setMessage(formResponse.message);
       setCompleted(true);
     } catch (error) {

app/unsubscribe/page.tsx

@@ -59,6 +59,10 @@ export default function Unsubscribe() {
       const formResponse: z.infer<typeof ResponseSchema> =
         await response.json();
 
+      if (!formResponse.success) {
+        throw Error(formResponse.message);
+      }
+
       setMessage(formResponse.message);
       setCompleted(true);
     } catch (error) {

utils/schemas.ts

@@ -1,21 +1,22 @@
 import { z } from 'zod';
 
 export const ResponseSchema = z.object({
-  message: z.string(),
+  success: z.boolean(),
+  message: z.string()
 });
 
 export const SubscribeFormSchema = z.object({
   email: z.string().email(),
-  name: z.string().optional(),
+  name: z.string().optional()
 });
 
 export const ConfirmationSchema = z.object({
-  code: z.string(),
+  code: z.string()
 });
 
 export const UnsubscribeFormSchema = z.object({
   email: z.string().email(),
-  name: z.string().optional(),
+  name: z.string().optional()
 });
 
 export const NewsDatabaseSchema = z.object({
@@ -26,7 +27,7 @@ export const NewsDatabaseSchema = z.object({
   by: z.string(),
   time: z.number(),
   url: z.string().optional(),
-  score: z.number(),
+  score: z.number()
 });
 
 export const NewsSchema = z.object({
@@ -38,5 +39,5 @@ export const NewsSchema = z.object({
   time: z.number(),
   url: z.string().nullable(),
   score: z.number(),
-  createdAt: z.date(),
+  createdAt: z.date()
 });