From 16fec99b5b9995103187c9874c1fee87e231f6e3 Mon Sep 17 00:00:00 2001
From: Erica Marigold <hi@devcomp.xyz>
Date: Fri, 5 Jul 2024 23:49:09 +0530
Subject: [PATCH] Update DateTime formatting in metadata

---
 src/components/Navbar.astro                 | 4 ++--
 src/components/PostMeta.astro               | 4 ++--
 src/content/posts/luau-for-js-devs/index.md | 2 +-
 src/utils/date-utils.ts                     | 4 ++++
 4 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/components/Navbar.astro b/src/components/Navbar.astro
index a739ad3..802fa40 100644
--- a/src/components/Navbar.astro
+++ b/src/components/Navbar.astro
@@ -24,8 +24,8 @@ const links: NavBarLink[] = navBarConfig.links.map(
     "card-base sticky top-0 overflow-visible max-w-[var(--page-width)] h-[4.5rem] rounded-t-none mx-auto flex items-center justify-between px-4"]}>
     <a href={url('/')} class="btn-plain scale-animation rounded-lg h-[3.25rem] px-5 font-bold active:scale-95">
         <div class="flex flex-row text-[var(--primary)] items-center text-md">
-            <Icon name="material-symbols:home-outline-rounded" size={"1.75rem"} class="mb-1 mr-2" />
-            {siteConfig.title}
+            <Icon name="material-symbols:favorite-outline-rounded" size={"1.75rem"} class="mb-1 mr-2" />
+            <!-- {siteConfig.title} -->
         </div>
     </a>
     <div class="hidden md:flex">
diff --git a/src/components/PostMeta.astro b/src/components/PostMeta.astro
index ab7bba2..2113d99 100644
--- a/src/components/PostMeta.astro
+++ b/src/components/PostMeta.astro
@@ -2,7 +2,7 @@
 import { Icon } from "astro-icon/components";
 import I18nKey from "../i18n/i18nKey";
 import { i18n } from "../i18n/translation";
-import { formatDateToYYYYMMDD } from "../utils/date-utils";
+import { formatDateToWords } from "../utils/date-utils";
 import { url } from "../utils/url-utils";
 
 interface Props {
@@ -23,7 +23,7 @@ const className = Astro.props.class;
         >
             <Icon name="material-symbols:calendar-today-outline-rounded" class="text-xl"></Icon>
         </div>
-        <span class="text-50 text-sm font-medium">{formatDateToYYYYMMDD(published)}</span>
+        <span title={published.toTimeString()} class="text-50 text-sm font-medium">{formatDateToWords(published)}</span>
     </div>
 
     <!-- categories -->
diff --git a/src/content/posts/luau-for-js-devs/index.md b/src/content/posts/luau-for-js-devs/index.md
index fb7e29b..c13d797 100644
--- a/src/content/posts/luau-for-js-devs/index.md
+++ b/src/content/posts/luau-for-js-devs/index.md
@@ -86,7 +86,7 @@ The Luau community has developed many libraries to make JavaScript developers fe
 4. ::github{repo="seaofvoices/luau-path"}
 5. ::github{repo="nicell/lynx"}
 
-…And many more which I haven't listed here!
+…and many more which I haven't listed here!
 
 :::note
 It isn't currently possible for create websites using react-lua, it is currently only used for
diff --git a/src/utils/date-utils.ts b/src/utils/date-utils.ts
index b62fbb9..beb0abf 100644
--- a/src/utils/date-utils.ts
+++ b/src/utils/date-utils.ts
@@ -1,3 +1,7 @@
 export function formatDateToYYYYMMDD(date: Date): string {
   return date.toISOString().substring(0, 10);
 }
+
+export function formatDateToWords(date: Date): string {
+  return date.toUTCString().substring(0, 16);
+}