Show weekday on message timestamps

strayfade · Jul 8, 2024 · 999c460 · 999c460
1 parent 6eac8e9
commit 999c460
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 5 deletions.
diff --git a/css/message-file.css b/css/message-file.css
@@ -16,3 +16,6 @@
     margin: 0px auto 0px auto;
     text-align: center;
 }
+img.message-media {
+    background-color: transparent;
+}
diff --git a/scripts/iMessage.js b/scripts/iMessage.js
@@ -917,13 +917,18 @@ const LoadFetchedChats = async (json) => {
         TimestampText.className = "homepage-message-time-text"
         TimestampText.textContent = ((Ts) => {
             const Dt = new Date(Ts)
-            if (Math.abs(Ts - Date.now()) > 1000 * 60 * 60 * 24 * 2) {
+            if (Date.now() - Ts > 1000 * 60 * 60 * 24 * 7) {
                 return `${Dt.getMonth() + 1}/${Dt.getDate()}/${Dt.getFullYear().toString().substring(2)}`
             }
-            else if (Math.abs(Ts - Date.now()) > 1000 * 60 * 60 * 24) {
+            else if (Date.now() - Ts > 1000 * 60 * 60 * 24 * 2) {
+                return `${["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"][Dt.getDay()]}`
+            }
+            else if (Date.now() - Ts > 1000 * 60 * 60 * 24) {
                 return `Yesterday`
             }
-            return GetTime(Ts)
+            else {
+                return GetTime(Ts)
+            }
         })(Message.date)
         const TimestampChevron = document.createElement("span")
         TimestampChevron.className = "homepage-message-time-icon"
@@ -1303,10 +1308,14 @@ const ApplyTimestamps = (json) => {
             MessageTimestampDate.className = "message-date"
             MessageTimestampDate.textContent = ((Ts) => {
                 const Dt = new Date(Ts)
-                if (Math.abs(Ts - Date.now()) > 1000 * 60 * 60 * 24 * 2) {
+                if (Date.now() - Ts > 1000 * 60 * 60 * 24 * 7) {
                     return `${Dt.getMonth() + 1}/${Dt.getDate()}/${Dt.getFullYear().toString().substring(2)}`
                 }
-                else if (Math.abs(Ts - Date.now()) > 1000 * 60 * 60 * 24) {
+                else if (Date.now() - Ts > 1000 * 60 * 60 * 24 * 2) {
+                    return `${["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"][Dt.getDay()]
+                        }`
+                }
+                else if (Date.now() - Ts > 1000 * 60 * 60 * 24) {
                     return `Yesterday`
                 }
                 else {