From f9c734c82668bd0c0e04a7b42c277ff20f045d36 Mon Sep 17 00:00:00 2001
From: JhumanJ <julien@nahum.net>
Date: Mon, 19 May 2025 14:53:30 +0200
Subject: [PATCH] Update Loading State in OpenForm Component

- Changed the loading state binding in `OpenForm.vue` from `form.busy` to `isProcessing` for improved clarity and consistency in the form submission process.
- Introduced a computed property `isProcessing` to derive the loading state from the `formManager`'s state, enhancing the responsiveness of the UI during form interactions.

These changes aim to provide a more intuitive user experience by accurately reflecting the form's processing state during submissions.
---
 client/components/open/forms/OpenForm.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/components/open/forms/OpenForm.vue b/client/components/open/forms/OpenForm.vue
index 743aa836..b58fb392 100644
--- a/client/components/open/forms/OpenForm.vue
+++ b/client/components/open/forms/OpenForm.vue
@@ -63,7 +63,7 @@
       <slot
         v-if="isLastPage"
         name="submit-btn"
-        :loading="form.busy"
+        :loading="isProcessing"
       />
       <open-form-button
         v-else-if="currentFieldsPageBreak"
@@ -71,7 +71,7 @@
         :color="form.color"
         :theme="theme"
         class="mt-2 px-8 mx-1"
-        :loading="form.busy"
+        :loading="isProcessing"
         @click.stop="handleNextClick"
       >
         {{ currentFieldsPageBreak.next_btn_text }}
@@ -163,6 +163,8 @@ const handleDragDropped = (data) => {
     workingFormStore.moveField(oldTargetIndex, newTargetIndex)
   }
 }
+
+const isProcessing = computed(() => props.formManager.state.isProcessing)
 </script>
 
 <style lang='scss' scoped>