diff --git a/resources/assets/js/pages/admin/home.vue b/resources/assets/js/pages/admin/home.vue
index b5d4b62d..f4f8e6a2 100644
--- a/resources/assets/js/pages/admin/home.vue
+++ b/resources/assets/js/pages/admin/home.vue
@@ -1,7 +1,7 @@
 <template>
 <div>
   <div align="right">
-<el-button :loading="loading_btn" type="primary" size="mini" @click="RefreshBooking()">Refresh</el-button>
+<el-button :loading="loading_btn" type="primary" size="mini" @click="RefreshBooking(); RefreshBookingTableComplete()">Refresh</el-button>
 </div>
 
   <!-- Booking Table -->
@@ -176,6 +176,14 @@ export default {
         })
       })
     },
+    RefreshBookingTableComplete() {
+      let $this = this
+      this.loading_btn = true
+      axios.get(this.completeBookingurl).then(response => {
+        this.loading_btn = false;
+        this.bookingTableComplete = response.data.data
+      })
+    },
     makePagination(data){
       let pagination ={
         current_page: data.current_page,
diff --git a/resources/assets/js/pages/home.vue b/resources/assets/js/pages/home.vue
index c02353aa..32e832a2 100644
--- a/resources/assets/js/pages/home.vue
+++ b/resources/assets/js/pages/home.vue
@@ -278,7 +278,7 @@
     <br>
     <hr>
     <div align="right">
-<el-button :loading="loading_btn" type="primary" size="mini" @click="RefreshBooking()">Refresh</el-button></div>
+<el-button :loading="loading_btn" type="primary" size="mini" @click="RefreshBooking(); RefreshBookingTableComplete()">Refresh</el-button></div>
 <!-- Booking Table -->
 
 <el-tabs type="border-card" class="table-switch">
@@ -582,6 +582,14 @@ export default {
         })
       })
     },
+    RefreshBookingTableComplete() {
+      let $this = this
+      this.loading_btn = true
+      axios.get(this.completeBookingurl).then(response => {
+        this.loading_btn = false;
+        this.bookingTableComplete = response.data.data
+      })
+    },
     makePagination(data){
       let pagination ={
         current_page: data.current_page,