From 40a490fda45985cf0c8fa39b85e36a2b3c56cfcd Mon Sep 17 00:00:00 2001
From: Aden Lindsay <lindsaya542@gmail.com>
Date: Fri, 5 Sep 2025 14:28:07 +0930
Subject: [PATCH] fix(playtime): remove WIP date tracking from displaying

---
 main/components/PlaytimeDisplay.vue |  3 +--
 main/components/PlaytimeStats.vue   | 42 ++---------------------------
 2 files changed, 3 insertions(+), 42 deletions(-)

diff --git a/main/components/PlaytimeDisplay.vue b/main/components/PlaytimeDisplay.vue
index a781326..4661cde 100644
--- a/main/components/PlaytimeDisplay.vue
+++ b/main/components/PlaytimeDisplay.vue
@@ -17,7 +17,6 @@
       <div v-if="stats.sessionCount > 0">
         Avg: {{ formatPlaytime(stats.averageSessionLength) }} per session
       </div>
-      <div>Last played {{ formatRelativeTime(stats.lastPlayed) }}</div>
       <div v-if="stats.currentSessionDuration">
         Current session: {{ formatPlaytime(stats.currentSessionDuration) }}
       </div>
@@ -50,5 +49,5 @@ const props = withDefaults(defineProps<Props>(), {
   showActiveIndicator: true,
 });
 
-const { formatPlaytime, formatRelativeTime } = usePlaytime();
+const { formatPlaytime } = usePlaytime();
 </script>
diff --git a/main/components/PlaytimeStats.vue b/main/components/PlaytimeStats.vue
index 9595a0f..f9934da 100644
--- a/main/components/PlaytimeStats.vue
+++ b/main/components/PlaytimeStats.vue
@@ -33,34 +33,6 @@
           Avg: {{ formatPlaytime(stats.averageSessionLength) }}
         </div>
       </div>
-      
-      <!-- First Played -->
-      <div class="bg-zinc-700/50 rounded-lg p-3">
-        <div class="flex items-center gap-2 mb-2">
-          <CalendarIcon class="w-4 h-4 text-purple-400" />
-          <span class="text-sm font-medium text-zinc-300">First Played</span>
-        </div>
-        <div class="text-lg font-semibold text-zinc-100">
-          {{ formatDate(stats.firstPlayed) }}
-        </div>
-        <div class="text-xs text-zinc-400 mt-1">
-          {{ formatRelativeTime(stats.firstPlayed) }}
-        </div>
-      </div>
-      
-      <!-- Last Played -->
-      <div class="bg-zinc-700/50 rounded-lg p-3">
-        <div class="flex items-center gap-2 mb-2">
-          <ClockIcon class="w-4 h-4 text-orange-400" />
-          <span class="text-sm font-medium text-zinc-300">Last Played</span>
-        </div>
-        <div class="text-lg font-semibold text-zinc-100">
-          {{ formatDate(stats.lastPlayed) }}
-        </div>
-        <div class="text-xs text-zinc-400 mt-1">
-          {{ formatRelativeTime(stats.lastPlayed) }}
-        </div>
-      </div>
     </div>
     
     <!-- No stats available -->
@@ -87,8 +59,7 @@
 import { 
   ChartBarIcon, 
   ClockIcon, 
-  PlayIcon, 
-  CalendarIcon 
+  PlayIcon 
 } from "@heroicons/vue/20/solid";
 import type { GamePlaytimeStats } from "~/types";
 
@@ -101,14 +72,5 @@ const props = withDefaults(defineProps<Props>(), {
   isActive: false,
 });
 
-const { formatPlaytime, formatDetailedPlaytime, formatRelativeTime } = usePlaytime();
-
-const formatDate = (timestamp: string): string => {
-  const date = new Date(timestamp);
-  return date.toLocaleDateString(undefined, { 
-    year: 'numeric', 
-    month: 'short', 
-    day: 'numeric' 
-  });
-};
+const { formatPlaytime, formatDetailedPlaytime } = usePlaytime();
 </script>