From 3d09f32078c6eaa648971987294f56e7257d119d Mon Sep 17 00:00:00 2001
From: Chirag Chhatrala <60499540+chiragchhatrala@users.noreply.github.com>
Date: Tue, 26 Nov 2024 16:43:39 +0530
Subject: [PATCH] fix error display modal (#632)

---
 .../open/forms/components/FormEditor.vue      |  4 ++--
 .../form-components/FormErrorModal.vue        | 20 +++++++------------
 2 files changed, 9 insertions(+), 15 deletions(-)

diff --git a/client/components/open/forms/components/FormEditor.vue b/client/components/open/forms/components/FormEditor.vue
index aeef0082..c608fdcb 100644
--- a/client/components/open/forms/components/FormEditor.vue
+++ b/client/components/open/forms/components/FormEditor.vue
@@ -259,7 +259,7 @@ export default {
         })
         .catch((error) => {
           if (error?.response?.status === 422) {
-            this.validationErrorResponse = error.response.data
+            this.validationErrorResponse = error.data
             this.showValidationErrors()
           } else {
             useAlert().error(
@@ -306,7 +306,7 @@ export default {
         })
         .catch((error) => {
           if (error?.response?.status === 422) {
-            this.validationErrorResponse = error.response
+            this.validationErrorResponse = error.data
             this.showValidationErrors()
           } else {
             useAlert().error(
diff --git a/client/components/open/forms/components/form-components/FormErrorModal.vue b/client/components/open/forms/components/form-components/FormErrorModal.vue
index 98a10e1a..bbcca1c7 100644
--- a/client/components/open/forms/components/form-components/FormErrorModal.vue
+++ b/client/components/open/forms/components/form-components/FormErrorModal.vue
@@ -4,21 +4,21 @@
     @close="$emit('close')"
   >
     <div class="-mx-5">
-      <h2 class="text-red-400 text-2xl font-bold mb-4 px-4">
+      <h2 class="text-red-600 text-2xl font-bold mb-4 px-4">
         Error saving your form
       </h2>
 
       <div
-        v-if="form.errors"
+        v-if="validationErrorResponse"
         class="p-4 border-b border-t"
       >
         <p
-          v-if="form.errors.message"
-          v-text="form.errors.message"
+          v-if="validationErrorResponse.message"
+          v-text="validationErrorResponse.message"
         />
         <ul class="list-disc list-inside">
           <li
-            v-for="(err, key) in form.errors.errors"
+            v-for="(err, key) in validationErrorResponse.errors"
             :key="key"
           >
             {{ Array.isArray(err) ? err[0] : err }}
@@ -41,17 +41,11 @@
 
 <script>
 export default {
-  name: "FormErrorModal",
-  components: {},
+  name: 'FormErrorModal',
   props: {
     show: { type: Boolean, required: true },
-    form: { type: Object, required: false },
+    validationErrorResponse: { type: Object, required: false },
   },
   emits: ['close'],
-  data: () => ({}),
-
-  computed: {},
-
-  methods: {},
 }
 </script>