🦺 FE error handling

next/src/pages/workflow/[workflow].tsx

@@ -18,6 +18,16 @@ const WorkflowPage: NextPage = () => {
   const { session } = useAuth({ protectedRoute: true });
   const { query } = useRouter();
 
+  const handleClick = async () => {
+    try {
+      await saveWorkflow();
+      window.alert('Workflow saved successfully!');
+    } catch (error) {
+      window.alert('An error occurred while saving the workflow. ' + error);
+    }
+  };
+
+
   const { nodesModel, edgesModel, selectedNode, saveWorkflow, createNode, updateNode, members } =
     useWorkflow(query.workflow as string, session);
 
@@ -53,9 +63,7 @@ const WorkflowPage: NextPage = () => {
         <div className="absolute bottom-4 right-4 flex flex-row items-center justify-center gap-2">
           <PrimaryButton
             icon={<FaSave size="15" />}
-            onClick={() => {
-              saveWorkflow().catch(console.error);
-            }}
+            onClick={handleClick}
           >
             Save
           </PrimaryButton>

next/src/services/fetch-utils.ts

@@ -65,7 +65,7 @@ export const put = async <T extends z.ZodTypeAny>(
   });
 
   if (!response.ok) {
-    throw new Error("Request failed");
+    throw new Error(response.statusText);
   }
 
   // eslint-disable-next-line @typescript-eslint/no-unsafe-return

next/src/services/workflow/workflowApi.ts

@@ -47,7 +47,7 @@ export default class WorkflowApi {
   async update(id: string, data: Workflow) {
     return await put(
       `/api/workflow/${id}`,
-      PresignedPostSchema,
+      z.any(),
       data,
       this.accessToken,
       this.organizationId