Apply KOITO_DATE_FORMAT to last played timestamps

Author: joffrey-b

client/app/components/ListensTable.tsx

@@ -21,7 +21,7 @@ export default function ListensTable({
   hideArtists,
   onDelete,
 }: ListensTableProps) {
-  const { user } = useAppContext();
+  const { user, dateFormat } = useAppContext();
   const imgColSizeClasses = "py-3 min-w-8 sm:min-w-11";
   const imgSize = 32;
   const timeColClasses = "text-(--color-fg-tertiary) pr-2 sm:pr-4 sm:text-sm";
@@ -99,7 +99,7 @@ export default function ListensTable({
               className={`text-end whitespace-nowrap ${timeColClasses}`}
               title={new Date(item.time).toString()}
             >
-              {timeSince(new Date(item.time))}
+              {timeSince(new Date(item.time), dateFormat)}
             </td>
             <td className="hidden sm:table">
               <button

client/app/utils/utils.ts

@@ -28,7 +28,7 @@ const getRewindParams = (): { month: number; year: number } => {
   }
 };
 
-function timeSince(date: Date) {
+function timeSince(date: Date, format: string = "") {
   const now = new Date();
   const seconds = Math.floor((now.getTime() - date.getTime()) / 1000);
 
@@ -44,12 +44,7 @@ function timeSince(date: Date) {
 
   // 1 day
   if (seconds > 86400) {
-    const dateString = date.toLocaleDateString([], {
-      month: "numeric",
-      year: "2-digit",
-      day: "numeric",
-    });
-
+    const dateString = formatDate(date, format);
     const timeString = date.toLocaleTimeString([], {
       timeStyle: "short",
     });