Remove Local Booking Cache

src/components/BookingList.vue

@@ -78,7 +78,7 @@ export default class BookingList extends Vue {
   }
 
   mounted () {
-    console.log('Mounted Booking List Component')
+    // console.log('Mounted Booking List Component')
     this.$store.dispatch('ENSURE_LOADED_BOOKINGS').then(() => {
       this.bookings = this.$store.state.bookings
     })

src/main.ts

@@ -22,7 +22,9 @@ Vue.use(VueSidebarMenu)
 store.dispatch('ENSURE_LOADED_FLIGHTS')
 store.dispatch('ENSURE_LOADED_CREWMEMBERS')
 store.dispatch('ENSURE_LOADED_AIRPORTS')
-store.dispatch('ENSURE_LOADED_BOOKINGS')
+
+// don't pre-cache bookings since we pull every time
+// store.dispatch('ENSURE_LOADED_BOOKINGS')
 
 new Vue({
   router,

src/services/BookingService.ts

@@ -36,7 +36,9 @@ export async function UpsertBooking (booking: Booking) {
   }
 
   if (response.body !== null) {
-    const data = JSON.parse(response.json.toString()) as Response
-    return data.json
+    const responseJson = JSON.stringify(response.body)
+    console.log('Successfully Booked: ' + response.status + ' - ' + booking.passenger_name)
+    // const data = JSON.parse(response.json.toString()) as Response
+    // return data.json
   }
 }

src/store/index.ts

@@ -39,7 +39,7 @@ export default new Vuex.Store({
     },
     ADD_BOOKING (state, booking) {
       UpsertBooking(booking)
-      state.bookings.push(booking)
+      // state.bookings.push(booking)
     }
   },
   actions: {
@@ -93,6 +93,7 @@ export default new Vuex.Store({
       return dispatch('FETCH_BOOKINGS')
     },
     FETCH_BOOKINGS: ({ commit, state }) => {
+      /*
       if (state.bookings.length === 0) {
         // console.log('GETTING AIRPORTS')
 
@@ -103,6 +104,10 @@ export default new Vuex.Store({
         // console.log('RETURNING EXISTING AIRPORTS')
         return state.bookings
       }
+      */
+      return GetAllBookings().then(response => {
+        commit('SET_BOOKINGS', response)
+      })
     }
   },
   modules: {},