Adapting to time blocks for bookings

src/pages/schedule/BoatReservationPage.vue

@@ -21,14 +21,8 @@
           :caption="bookingSummary"
         >
           <q-separator />
-          <resource-schedule-viewer-component
-            @on-click-time="onClickTime"
-            @on-update-duration="
-              (value) => {
-                bookingForm.duration = value;
-              }
-            "
-          />
+          <boat-selection />
+
           <q-banner
             rounded
             class="bg-warning text-grey-10"
@@ -78,7 +72,7 @@ import { reactive, ref, computed, watch } from 'vue';
 import { useAuthStore } from 'src/stores/auth';
 import { Boat, useBoatStore } from 'src/stores/boat';
 import { Dialog, date } from 'quasar';
-import ResourceScheduleViewerComponent from 'src/components/ResourceScheduleViewerComponent.vue';
+import BoatSelection from 'src/components/scheduling/BoatSelection.vue';
 import { makeDateTime } from '@quasar/quasar-ui-qcalendar';
 import { useScheduleStore, Reservation } from 'src/stores/schedule';
 
@@ -113,7 +107,7 @@ watch(bookingForm, (b, a) => {
     status: 'tentative',
   };
   //TODO: Turn this into a validator.
-  scheduleStore.isOverlapped(newRes)
+  scheduleStore.isReservationOverlapped(newRes)
     ? Dialog.create({ message: 'This booking overlaps another!' })
     : scheduleStore.addOrCreateReservation(newRes);
 });