Cleanup

Author: alexwohlbruck

src/components/ClockButtons.vue

@@ -19,7 +19,7 @@
         v-btn(text color='success' @click='clockOut(true)' data-cy='confirm-clock-out-button') Yes, clock out
 
       v-fade-transition
-        v-overlay(v-if="loading", absolute, opacity=".2")
+        v-overlay(v-if='togglingClock' absolute opacity='.2')
           v-progress-circular(indeterminate)
 
   .d-flex.flex-row.justify-center.gap-small

src/components/UpcomingShiftList.vue

@@ -4,12 +4,12 @@
     v-toolbar-title
       h6.text-h6 Upcoming shifts
 
-  div(v-if='!upcomingShifts.length')
+  div(v-if='!loading && !upcomingShifts.length')
     p.text-center
       | You have no shifts assigned. Go have fun! 🥂🎉
 
   div(v-else)
-    shift-list(:shifts='upcomingShifts')
+    shift-list(:shifts='upcomingShifts' :loading='loading')
 
     .my-4.d-flex.justify-center
       v-btn(

src/layouts/Breadcrumbs.vue

@@ -31,7 +31,8 @@ export default class Breadcrumbs extends Vue {
   @Watch('breadcrumbs')
   breadcrumbsChanged(newVal: any, oldVal: any) {
     // Scroll to right of container automatically
-    this.$refs.scrollContainer.$el.scrollLeft = this.$refs.scrollContainer.$el.scrollWidth
+    const container: any = this.$refs.scrollContainer
+    container.$el.scrollLeft = container.$el.scrollWidth
   }
 
   get breadcrumbs() {