From 79ea2fba2c7b1ededb4e3d99e957c950d3b8df11 Mon Sep 17 00:00:00 2001
From: lyc8503 <me@lyc8503.net>
Date: Wed, 21 Aug 2024 11:00:53 +0800
Subject: [PATCH] fix #54: show date in popup and add touchscreen support

---
 components/DetailBar.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/DetailBar.tsx b/components/DetailBar.tsx
index 6be4377..88769b6 100644
--- a/components/DetailBar.tsx
+++ b/components/DetailBar.tsx
@@ -47,12 +47,13 @@ export default function DetailBar({
       <Tooltip
         multiline
         key={i}
+        events={{ hover: true, focus: false, touch: true }}
         label={
           Number.isNaN(Number(dayPercent)) ? (
             'No Data'
           ) : (
             <>
-              <div>{dayPercent + '%'}</div>
+              <div>{dayPercent + '% at ' + new Date(dayStart * 1000).toLocaleDateString()}</div>
               {dayDownTime > 0 && (
                 <div>{`Down for ${moment.preciseDiff(moment(0), moment(dayDownTime * 1000))}`}</div>
               )}