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>