build(error-handling): added error description to toast

NemesisLW · Jul 12, 2024 · aacf088 · aacf088
1 parent 2bfb921
commit aacf088
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 3 deletions.
diff --git a/components/pickupline-generator.tsx b/components/pickupline-generator.tsx
@@ -23,7 +23,11 @@ function PickupLineGenerator() {
         Pickup Line Generator
       </h1>
       {!state.pickupLines ? (
-        <PickupLineInputForm formAction={formAction} message={state.message} />
+        <PickupLineInputForm
+          formAction={formAction}
+          message={state.message}
+          error={state.errors}
+        />
       ) : (
         <OutputForm
           pickupLines={state.pickupLines}

diff --git a/components/pickupline-generator/input-form.tsx b/components/pickupline-generator/input-form.tsx
@@ -6,12 +6,16 @@ import { Textarea } from "../ui/textarea";
 function PickupLineInputForm({
   formAction,
   message,
+  error,
 }: {
   formAction: (payload: FormData) => void;
   message?: string;
+  error?: string;
 }) {
   if (message === "error") {
-    toast.error("Failed to generate pickup lines. Please try again.");
+    toast.error("Failed to generate pickup lines. Please try again.", {
+      description: error,
+    });
   }
 
   return (

diff --git a/lib/ai/actions.ts b/lib/ai/actions.ts
@@ -66,7 +66,9 @@ export async function generateOutput(
 
   try {
     const timeoutPromise = setTimeout(7000).then(() => {
-      throw new Error("Request timed out");
+      throw new Error(
+        "Request timed out - Third party API Endpoints may be experiencing issues",
+      );
     });
     const generatePromise = generatePickupLines(validatedInputs.data);