From 1ce249c9c5b61abf1d7fd842cc8bbfbcb6b02ad9 Mon Sep 17 00:00:00 2001
From: Ada <adabingw@yahoo.com>
Date: Thu, 18 Jul 2024 21:14:33 -0400
Subject: [PATCH] 378 - Implement dates instead of xxx days

---
 dashboard/src/components/FileViewer/FileList.tsx | 4 ++--
 dashboard/src/utils/util.ts                      | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/dashboard/src/components/FileViewer/FileList.tsx b/dashboard/src/components/FileViewer/FileList.tsx
index cfe63ba3..07e818cc 100644
--- a/dashboard/src/components/FileViewer/FileList.tsx
+++ b/dashboard/src/components/FileViewer/FileList.tsx
@@ -351,7 +351,7 @@ export default function FileList({
             </p>
             <div className="grow"></div>
 
-            <p className="hidden min-w-[8ch] text-left text-gray-500 @xs:inline">
+            <p className="@xs:inline hidden min-w-[8ch] text-right text-gray-500">
               {file.modification_time || file.creation_time
                 ? formatTimeAgo(
                     Number(file.modification_time ?? file.creation_time) * 1000
@@ -359,7 +359,7 @@ export default function FileList({
                 : 'Unknown Creation Time'}
             </p>
 
-            <p className="hidden min-w-[8ch] text-right text-gray-500 @sm:inline">
+            <p className="@sm:inline hidden min-w-[8ch] text-right text-gray-500">
               {file.file_type === 'Directory'
                 ? ''
                 : file.size
diff --git a/dashboard/src/utils/util.ts b/dashboard/src/utils/util.ts
index c13ba71c..8a91faab 100644
--- a/dashboard/src/utils/util.ts
+++ b/dashboard/src/utils/util.ts
@@ -312,7 +312,8 @@ export const formatTimeAgo = (time_ms: number) => {
   const diffMinutes = Math.floor(diff / (1000 * 60));
   const diffSeconds = Math.floor(diff / 1000);
   if (diffDays > 0) {
-    return `${diffDays} day${diffDays > 1 ? 's' : ''} ago`;
+    const date = new Date(time_ms);
+    return `${date.toLocaleString('default', { month: 'long', year: 'numeric', day: 'numeric' })}`;
   } else if (diffHours > 0) {
     return `${diffHours} hour${diffHours > 1 ? 's' : ''} ago`;
   } else if (diffMinutes > 0) {