From 0e60ea95821eecbfdf38e56bc1b0fac634ded520 Mon Sep 17 00:00:00 2001
From: dumbmoron <log@riseup.net>
Date: Wed, 17 Jul 2024 09:07:25 +0000
Subject: [PATCH] web/ChangelogEntry: consistent date formatting

---
 web/src/components/misc/ChangelogEntry.svelte | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/web/src/components/misc/ChangelogEntry.svelte b/web/src/components/misc/ChangelogEntry.svelte
index a8f581d0..804705cf 100644
--- a/web/src/components/misc/ChangelogEntry.svelte
+++ b/web/src/components/misc/ChangelogEntry.svelte
@@ -1,15 +1,31 @@
 <script lang="ts">
     export let version: string;
     export let title: string;
-    export let date: string;
+    export let date: string | undefined;
     export let banner: { file: string; alt: string } | undefined;
+
+    const formatDate = (dateString: string) => {
+        const date = new Date(dateString);
+
+        const months = ['January', 'February', 'March', 'April', 'May',
+                        'June', 'July', 'August', 'September', 'October',
+                        'November', 'December'];
+
+        return [
+            months[date.getUTCMonth()],
+            (date.getUTCDate() + 1) + ',',
+            date.getUTCFullYear()
+        ].join(' ');
+    }
 </script>
 
 <main>
     <div id="changelog-header">
         <div class="changelog-info">
             <div class="changelog-version">{version}</div>
-            <div class="changelog-date">{date}</div>
+            {#if date}
+                <div class="changelog-date">{formatDate(date)}</div>
+            {/if}
         </div>
         <h1 class="changelog-title">{title}</h1>
     </div>