This thing is what you show people to make the write functional code...

Maneged to pass the start and end dates to the statistics components, but had its own pandora's box abd came with the problem that I had to call the events function twice.

Thinking to pass the events data to statics comp, but that would mean having to calculate the statics in the "front", not that there really is a front, so maybe that isn't a problem.

 Just want to get this over with so i never have to touch electron again.

 "Why should this Electron be saved? Doesn't it seem profoundly sick? Diseased? Like PWA has to be better, purely by the virtue that this is awful."

src/clickup-service.js

@@ -295,12 +295,14 @@ export default {
     * Get all time tracking entries within a given range
     */
     getTimeTrackingRange(start, end, userId) {
+        if ((!start && start === undefined) || (!end && end === undefined)) return;
+        console.log("Getting time tracking entries for range " + start + " - " + end)
 
         return new Promise((resolve, reject) => {
 
             const params = {
-                start_date: start.valueOf(),
-                end_date: end.valueOf(),
+                start_date: start.getTime(),
+                end_date: end.getTime(),
                 include_location_names: true,
             }
 
@@ -456,12 +458,13 @@ export default {
     /*
      * Function to build a dataset for the charts in the statistics view
      */
-    async getTimeTrackingData(start, end, userid) {
-        let time_tracking_entries = await this.getTimeTrackingRange(start, end, userid)
+    async getTimeTrackingData(start, end, userid = null) {
+        console.log("Getting time tracking data for range " + start + " - " + end)
 
-        console.log("Building dataset")
-        time_tracking_entries.forEach(entry => {
-            print(entry)
+        // let data_by_day = new Map()
+
+        this.getTimeTrackingData(start, end, userid).then((data) => {
+            console.log(data)
         })
     }
 }

src/components/TimeTrackingStatistics.vue

@@ -1,27 +1,18 @@
 <script setup>
-import {ref, watch, onMounted} from "vue"
+import {onMounted, ref, watch} from "vue"
 import clickupService from '@/clickup-service';
 
 const props = defineProps({
   open: Boolean,
-  active: String
+  events: [],
 })
 
 let loading = ref(true);
 
 // Start point
-onMounted(() => fetchData())
-
-function fetchData() {
-  loading.value = true
-
-  clickupService.getTimeTrackingData()
-      .then(result => {
-        loading.value = false
-        console.log('result', result)
-  })
-
-}
+onMounted(() => {
+  // TODO: Turn events into statistics
+})
 
 watch(() => props.open, open => {
   console.log('props.open', props.open)
@@ -38,6 +29,14 @@ watch(() => props.open, open => {
   return vueCalRoots[0].classList.remove('vuecal--time-tracking-statistics-open')
 })
 
+function fetchData(start, end) {
+  loading.value = true
+
+  clickupService.getTimeTrackingData(start, end).then(() => {
+    loading.value = false
+  })
+
+}
 </script>
 
 <template>

src/views/TimeTracker.vue

@@ -7,6 +7,8 @@
   <time-tracking-statistics
       v-if="store.get('settings.enable_statistics')"
       :open="statisticsOpen"
+      :start="start_date"
+      :end="end_date"
   />
 
   <!-- START | Calendar view -->
@@ -33,8 +35,8 @@
       :watch-real-time="true"
       active-view="week"
       today-button
-      @ready="fetchEvents"
-      @view-change="fetchEvents"
+      @ready="handleDateChange"
+      @view-change="handleDateChange"
       @event-drop="updateTimeTrackingEntry"
       @event-duration-change="updateTimeTrackingEntry"
       @keydown.meta.delete.exact="deleteSelectedTask()"
@@ -394,6 +396,14 @@ export default {
     | FETCH TIME TRACKING ENTRIES
     |--------------------------------------------------------------------------
     */
+    async handleDateChange({startDate, endDate}) {
+      if ((!startDate && startDate === undefined) || (!endDate && endDate === undefined)) return;
+      this.start_date = startDate
+      this.end_date = endDate
+
+      // Add any functions here that should be called when the date range changes
+      await this.fetchEvents({startDate, endDate})
+    },
 
     async fetchEvents({startDate, endDate}) {
       let customColorEnabled = false