From b20a4dc6409e48fe3fde1e8a5889bd9542d86c9f Mon Sep 17 00:00:00 2001
From: Dillon Ngo <dillonngoweijoon@gmail.com>
Date: Tue, 23 Jun 2026 11:19:36 +0800
Subject: [PATCH] Update: Vue 2 to Vue 3 with Typescript, node 14 to node 22,
 Jenkinsfile, Dockerfile, vapor.yml (Post PROD Deployment)

---
 .../bookings/forms/PaymentProofFormComponent.vue  |  1 +
 .../RejectPaymentTransactionFormComponent.vue     | 15 ++++++++++++---
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/resources/assets/vue/components/bookings/forms/PaymentProofFormComponent.vue b/resources/assets/vue/components/bookings/forms/PaymentProofFormComponent.vue
index 325bd5c8..19a3fb88 100644
--- a/resources/assets/vue/components/bookings/forms/PaymentProofFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/PaymentProofFormComponent.vue
@@ -85,6 +85,7 @@ const submitForm = async () => {
         successHandler: () => {
             closeModal();
             formHandler();
+            queueStore.reloadList({ name: "bookingDetailSection" });
         },
         errorHandler: (response: any) => {
             formHandler(response.message);
diff --git a/resources/assets/vue/components/bookings/forms/RejectPaymentTransactionFormComponent.vue b/resources/assets/vue/components/bookings/forms/RejectPaymentTransactionFormComponent.vue
index e829dbf4..c8120f51 100644
--- a/resources/assets/vue/components/bookings/forms/RejectPaymentTransactionFormComponent.vue
+++ b/resources/assets/vue/components/bookings/forms/RejectPaymentTransactionFormComponent.vue
@@ -15,7 +15,7 @@
                             <div class="btn btn-sm btn-success btn-block b-rad-none" data-dismiss="modal">Cancel</div>
                         </div>
                         <div class="col p-l-5">
-                            <div class="btn btn-sm btn-danger btn-block b-rad-none" @click="submit(route('api.transaction.bill.status', item.id, 'pending'), 'put', section, true, true)">Confirm</div>
+                            <div class="btn btn-sm btn-danger btn-block b-rad-none" @click="submit(route('api.transaction.bill.status', item.id, 'pending'), 'put', section, true, true, null, { successHandler })">Confirm</div>
                         </div>
                     </div>
                 </div>
@@ -27,10 +27,13 @@
 <script setup lang="ts">
 import { computed } from 'vue';
 import { useUiStore } from '@/stores/ui';
-import { useRequest } from '@/composables/useRequest';
+import { useFormHandler } from '@/composables/useFormHandler';
+import { useQueueStore } from '@/stores/queue';
 import { useComponentHandler } from '@/composables/useComponentHandler';
 import route from '@/general/functions/router';
 
+
+const queueStore = useQueueStore();
 const props = defineProps<{
     data: any;
     section: string;
@@ -38,6 +41,12 @@ const props = defineProps<{
 
 const uiStore = useUiStore();
 const isLoading = computed(() => uiStore.isLoading(props.section));
-const { submit } = useRequest();
+const { submit, closeModal } = useFormHandler(props);
 const { item } = useComponentHandler(props);
+
+const successHandler = (response: any) => {
+    closeModal();
+    queueStore.reloadList({ name: "bookingDetailSection" });
+};
+
 </script>