From 83e1ce2bc4ecc1900b178ea0b0d536d10c456673 Mon Sep 17 00:00:00 2001
From: Adorian Doran <adorian@esevo.ro>
Date: Tue, 10 Dec 2024 18:11:55 +0200
Subject: [PATCH] client: format dates and times in the "Recent Changes"
 section

---
 src/public/app/widgets/dialogs/recent_changes.js | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/public/app/widgets/dialogs/recent_changes.js b/src/public/app/widgets/dialogs/recent_changes.js
index 99b255f5a..7a854d81e 100644
--- a/src/public/app/widgets/dialogs/recent_changes.js
+++ b/src/public/app/widgets/dialogs/recent_changes.js
@@ -1,13 +1,14 @@
+import { formatDate } from "../../utils/formatters.js"
 import { t } from "../../services/i18n.js";
-import linkService from '../../services/link.js';
-import utils from '../../services/utils.js';
-import server from '../../services/server.js';
-import froca from "../../services/froca.js";
 import appContext from "../../components/app_context.js";
-import hoistedNoteService from "../../services/hoisted_note.js";
 import BasicWidget from "../basic_widget.js";
 import dialogService from "../../services/dialog.js";
+import froca from "../../services/froca.js";
+import hoistedNoteService from "../../services/hoisted_note.js";
+import linkService from '../../services/link.js';
+import server from '../../services/server.js';
 import toastService from "../../services/toast.js";
+import utils from '../../services/utils.js';
 import ws from "../../services/ws.js";
 
 const TPL = `
@@ -71,10 +72,11 @@ export default class RecentChangesDialog extends BasicWidget {
         for (const [dateDay, dayChanges] of groupedByDate) {
             const $changesList = $('<ul>');
 
-            const dayEl = $('<div>').append($('<b>').text(dateDay)).append($changesList);
+            const formattedDate = formatDate(new Date(dateDay), "full", "none");
+            const dayEl = $('<div>').append($('<b>').text(formattedDate)).append($changesList);
 
             for (const change of dayChanges) {
-                const formattedTime = change.date.substr(11, 5);
+                const formattedTime = formatDate(new Date(change.date), "none", "short");
 
                 let $noteLink;