From 570f025515e353d1d576c4a7aebfd6725624d19a Mon Sep 17 00:00:00 2001
From: WhoAboutYT <63606830+idk-pixel@users.noreply.github.com>
Date: Mon, 16 Oct 2023 20:29:05 -0500
Subject: [PATCH] =?UTF-8?q?[=F0=9F=94=A5]=20Fix=20Clock?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes the clock to make it actually work, uses Date first and British/Military time
---
 src/modules/clock.ts | 29 ++++++++++++++++++++++++++++-
 1 file changed, 28 insertions(+), 1 deletion(-)

diff --git a/src/modules/clock.ts b/src/modules/clock.ts
index 0223006..7affbcd 100644
--- a/src/modules/clock.ts
+++ b/src/modules/clock.ts
@@ -7,5 +7,32 @@ export const meta = {
 export const run = (element: HTMLDivElement): void => {
   element.style.display = 'flex'
   element.style.alignItems = 'center'
-  element.innerText = '9:41 AM\n10/14/2023'
+
+  const refreshDate = (): any => {
+    const split = date.toLocaleDateString('en-US', { weekday: 'long', month: 'long', day: 'numeric' }).split(',')
+    return `<i>${split[0]}</i>,${split[1]} `
+  }
+
+  const refreshClock = (): any => {
+    return date.toLocaleTimeString('en-US', { hour12: false, hour: 'numeric', minute: 'numeric' })
+  }
+
+  let date: Date = new Date()
+
+  refreshDate()
+  refreshClock()
+
+  setInterval(() => {
+    date = new Date()
+    const date_: string = refreshDate()
+    element.innerHTML = `${date_} <br><span id="time">,  </span>`
+  }, 1000)
+  setInterval(() => {
+    date = new Date()
+    const clock: string = refreshClock()
+    const time = document.getElementById('time')
+    if (time !== null) {
+      time.innerText = ` | ${clock}`
+    }
+  }, 1000)
 }