From de0eb4b39463245f29fc396ab621aecb41bba29a Mon Sep 17 00:00:00 2001
From: Dom Needham <=>
Date: Sun, 24 Sep 2023 17:18:30 +0100
Subject: [PATCH] Show live text instead of Unix epoch

---
 src/components/snapshotCard.tsx                    |  9 ++++++++-
 .../EventsScreen/components/EventDetails.tsx       | 14 ++++++++++----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/src/components/snapshotCard.tsx b/src/components/snapshotCard.tsx
index 8516560..0745c8f 100644
--- a/src/components/snapshotCard.tsx
+++ b/src/components/snapshotCard.tsx
@@ -17,6 +17,13 @@ export const SnapshotCard = ({
   const imageWidth = width * 0.97;
   const imageHeight = imageWidth * 0.75;
 
+  // ongoing events have end date of either '1/1/70' or '01/01/1970'
+  const endDate =
+    camEvent?.lastEventEnded.startsWith('1/1/70') ||
+    camEvent?.lastEventEnded.startsWith('01/01/1970')
+      ? 'Current'
+      : camEvent?.lastEventEnded;
+
   return (
     <View className="self-center border border-accent dark:border-accent-dark relative rounded-lg">
       <Image
@@ -39,7 +46,7 @@ export const SnapshotCard = ({
           {!!camEvent.lastEventEnded && (
             <Label>
               <BaseText className="text-xs text-mutedForeground dark:text-mutedForeground-dark">
-                {camEvent.lastEventEnded}
+                {endDate}
               </BaseText>
             </Label>
           )}
diff --git a/src/screens/EventsScreen/components/EventDetails.tsx b/src/screens/EventsScreen/components/EventDetails.tsx
index 3664d53..236593a 100644
--- a/src/screens/EventsScreen/components/EventDetails.tsx
+++ b/src/screens/EventsScreen/components/EventDetails.tsx
@@ -17,6 +17,14 @@ export const EventDetails = ({camEvent}: {camEvent: FrigateEvent}) => {
   // TODO: format minutes here too.
   const eventDuration = Math.round(camEvent.end_time - camEvent.start_time);
 
+  const endTimeValue =
+    endDate.getFullYear() === 1970
+      ? 'Current'
+      : endDate.toLocaleDateString() + ' @ ' + endDate.toLocaleTimeString();
+
+  const durationValue =
+    eventDuration < 0 ? 'Ongoing' : eventDuration + ' seconds';
+
   return (
     <BaseView className="flex-1">
       <BaseText className="self-center text-lg mb-1">Event Details</BaseText>
@@ -30,13 +38,11 @@ export const EventDetails = ({camEvent}: {camEvent: FrigateEvent}) => {
       </Row>
       <Row>
         <BaseText>End Time</BaseText>
-        <BaseText>
-          {endDate.toLocaleDateString() + ' @ ' + endDate.toLocaleTimeString()}
-        </BaseText>
+        <BaseText>{endTimeValue}</BaseText>
       </Row>
       <Row>
         <BaseText>Event Duration</BaseText>
-        <BaseText>{eventDuration} seconds</BaseText>
+        <BaseText>{durationValue}</BaseText>
       </Row>
       <Row>
         <BaseText>Object Label</BaseText>