chore: use date-fns formatting function for timestamps (#99)

wweitzel · Dec 21, 2023 · f21db3f · f21db3f
1 parent a2e600b
commit f21db3f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 16 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -8,6 +8,7 @@
     "@types/react-dom": "^18.0.6",
     "axios": "^0.26.1",
     "bootstrap": "^5.3.2",
+    "date-fns": "^3.0.2",
     "popper": "^1.0.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",

diff --git a/src/components/Video.tsx b/src/components/Video.tsx
@@ -1,3 +1,4 @@
+import {formatDistance} from 'date-fns';
 import {useEffect, useState} from 'react';
 import {API_BASE_URL} from '../lib/api/core';
 import {Goal} from '../lib/api/goals';
@@ -36,23 +37,10 @@ function Video({goal}: {goal: Goal}) {
 
   function formatDateAgo(date: Date): string {
     const now = new Date();
-    const timeDifference = now.getTime() - date.getTime();
-    const dayDifference = timeDifference / (1000 * 3600 * 24);
-    const hourDifference = timeDifference / (1000 * 3600);
-    const minuteDifference = timeDifference / (1000 * 60);
 
-    if (dayDifference >= 1) {
-      const numDays = Math.trunc(dayDifference);
-      return numDays === 1 ? '1 day ago' : `${numDays} days ago`;
-    } else if (hourDifference >= 1) {
-      const numHours = Math.trunc(hourDifference);
-      return numHours === 1 ? '1 hour ago' : `${numHours} hours ago`;
-    } else if (minuteDifference >= 1) {
-      const numMinutes = Math.trunc(minuteDifference);
-      return numMinutes === 1 ? '1 minute ago' : `${numMinutes} minutes ago`;
-    } else {
-      return 'Just now';
-    }
+    return formatDistance(date, now, {addSuffix: true})
+      .replace('about ', '')
+      .replace('less than a minute ago', 'just now');
   }
 
   function getPostId(fullName: string) {