From 634f35657e9771126cfbe815e22cd088bb97db6e Mon Sep 17 00:00:00 2001
From: Brandon Egger <brandonegger64@gmail.com>
Date: Tue, 5 Sep 2023 19:45:05 -0500
Subject: [PATCH] improve readability of server error for user

---
 src/pages/resources/[id]/edit.tsx | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/pages/resources/[id]/edit.tsx b/src/pages/resources/[id]/edit.tsx
index 61d9b20..e228ce7 100644
--- a/src/pages/resources/[id]/edit.tsx
+++ b/src/pages/resources/[id]/edit.tsx
@@ -49,7 +49,20 @@ const EditResourcePage = () => {
         setServerError(undefined);
         await router.push(`/resources/${data.id}`);
       },
-      onError: (error) => setServerError(error.message),
+      onError: (error) => {
+        try {
+          const zodErrors = JSON.parse(error.message) as unknown as { message: string }[];
+          setServerError(
+            zodErrors
+              .map((error) => {
+                return error.message;
+              })
+              .join(", ")
+          );
+        } catch {
+          setServerError(error.message);
+        }
+      },
     });
 
     const onSubmit: SubmitHandler<ResourceUpdateInput> = (data) => {