- Don't double-load visits query

src/components/Devices/DeviceDetail.vue

@@ -55,7 +55,7 @@
         <MonitoringTab
           :group-name="groupName"
           :device-name="deviceName"
-          :visits-query="visitsQuery()"
+          :visits-query="staticVisitsQuery"
         />
       </b-tab>
       <!--      <b-tab title="Schedule">-->
@@ -137,6 +137,9 @@ export default {
     await Promise.all([this.fetchRecordingCount(), this.fetchVisitsCount()]);
   },
   computed: {
+    staticVisitsQuery() {
+      return this.visitsQuery();
+    },
     groupName() {
       return this.$route.params.groupName;
     },

src/components/MonitoringTab.vue

@@ -219,6 +219,12 @@ export default {
     };
   },
   async mounted() {
+    while (extraVisits.length) {
+      extraVisits.pop();
+    }
+    while (currentVisits.length) {
+      currentVisits.pop();
+    }
     await this.fetchVisits();
   },
   methods: {
@@ -267,7 +273,6 @@ export default {
             new Date(oldestVisit.timeStart)
           );
           // Now request again until we get a day that is less than oldestVisitDay.  Split the remaining array into before and after.
-          //debugger;
           while (
             extraVisits.length === 0 &&
             this.currentPage <= this.totalVisitsPages

src/components/VisitsList.vue

@@ -84,7 +84,6 @@ export default {
       // Slice from last recordings count, so we're only processing new recordings.
       const newVisits = visits.slice(this.loadedVisitsCount);
       const items = [];
-
       // TODO(jon): Intersperse power-on/power-off events and dusk/dawn times
       if (newVisits.length && this.loadedVisitsCount !== 0) {
         items.push({