From 94592592f7f5209efcd1e67b6e0e0fa0afff1abc Mon Sep 17 00:00:00 2001
From: Tim Schmidt <tim@launchbadge.com>
Date: Tue, 12 Mar 2024 16:19:21 -0700
Subject: [PATCH] fix: onDateCleared goes to latest and starts refresh

Signed-off-by: Tim Schmidt <tim@launchbadge.com>
---
 src/components/DateTimePicker.vue | 14 +++-----------
 src/pages/AccountDetails.vue      | 10 ++++++++--
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/src/components/DateTimePicker.vue b/src/components/DateTimePicker.vue
index c31b8de0f..00ee2844f 100644
--- a/src/components/DateTimePicker.vue
+++ b/src/components/DateTimePicker.vue
@@ -22,7 +22,7 @@
 
 <template>
   <div class="is-flex is-align-items-center">
-    <Datepicker v-model="date" placeholder="SELECT A DATE" :is-24="false" time-picker-inline dark @closed="handleClosed" @cleared="handleCleared"/>
+    <Datepicker v-model="date" placeholder="SELECT A DATE" :is-24="false" time-picker-inline dark @closed="handleClosed" @cleared="$emit('dateCleared')"/>
   </div>
 </template>
 
@@ -49,6 +49,8 @@ export default defineComponent({
     controller: Object as PropType<TransactionTableControllerXL>
   },
 
+  emits: ["dateCleared"],
+
   setup(props) {
     const date = ref(new Date())
     const handleClosed = () => {
@@ -62,19 +64,9 @@ export default defineComponent({
         console.log("Ignoring click because props.controller is undefined")
       }
     }
-    const handleCleared = () => {
-      if (props.controller) {
-        const controller = props.controller
-        controller.startAutoRefresh()
-      } else {
-        console.log("Ignoring click because props.controller is undefined")
-      }
-    }
-
 
     return {
       handleClosed,
-      handleCleared,
       date
     }
   }
diff --git a/src/pages/AccountDetails.vue b/src/pages/AccountDetails.vue
index 1038f379b..8eb7e6813 100644
--- a/src/pages/AccountDetails.vue
+++ b/src/pages/AccountDetails.vue
@@ -220,7 +220,7 @@
       <template v-slot:control>
           <div v-if="selectedTab === 'transactions'" class="is-flex is-align-items-flex-end">
             <PlayPauseButton v-if="timeSelection == 'LATEST'" :controller="transactionTableController"/>
-            <DateTimePicker v-else :controller="transactionTableController"/>
+            <DateTimePicker v-else :controller="transactionTableController" @dateCleared="onDateCleared"/>
             <o-field style="margin-bottom: 0">
               <o-select v-model="timeSelection" class="ml-2 h-is-text-size-1">
                 <option value="LATEST" @click="onLatest">LATEST</option>
@@ -381,6 +381,11 @@ export default defineComponent({
       transactionTableController.stopAutoRefresh()
     }
 
+    function onDateCleared() {
+      timeSelection.value = "LATEST"
+      onLatest()
+    }
+
     //
     // account
     //
@@ -503,7 +508,8 @@ export default defineComponent({
       filterVerified,
       timeSelection,
       onLatest,
-      onJump
+      onJump,
+      onDateCleared
     }
   }
 });