From ae3d0bcfd067daea02029f58855a233e9ee8cde8 Mon Sep 17 00:00:00 2001
From: Ashelyn Rose <git@tempest.dev>
Date: Sun, 30 Jul 2023 18:28:20 -0600
Subject: [PATCH] Fix date timezone offset

---
 app/[slug]/page.tsx | 2 +-
 app/page.tsx        | 2 +-
 utils/post.ts       | 5 ++++-
 3 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/[slug]/page.tsx b/app/[slug]/page.tsx
index 5d2c418..90accad 100644
--- a/app/[slug]/page.tsx
+++ b/app/[slug]/page.tsx
@@ -26,7 +26,7 @@ export default async function Post({ params: { slug } }: { params: { slug: strin
   return (
     <>
       <article className={styles.post}>
-        <span>{post.date.toLocaleDateString()}</span>
+        <span>{post.date.toLocaleDateString('en-US', { timeZone: 'UTC' })}</span>
         <h1>{post.title}</h1>
         <p className={styles.subtitle}>{post.subtitle}</p>
 
diff --git a/app/page.tsx b/app/page.tsx
index 43133fd..8847280 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -28,7 +28,7 @@ export default async function Index() {
           )}
           <div className={styles.postLink}>
             <h2><Link href={`/${post.slug}`}>{post.title}</Link></h2>
-            <span>{post.date.toLocaleDateString()}</span>
+            <span>{post.date.toLocaleDateString('en-US', { timeZone: 'UTC' })}</span>
             <p>{post.subtitle}</p>
           </div>
         </>
diff --git a/utils/post.ts b/utils/post.ts
index 1abfc6e..e2cbe79 100644
--- a/utils/post.ts
+++ b/utils/post.ts
@@ -45,9 +45,12 @@ export async function loadSinglePage(slug: string): Promise<Post | null> {
 
   if (!data.title) return null;
 
+  const [year, month, day] = postMatch.groups?.date.split('-') || []
+  const date = new Date(Date.UTC(parseInt(year), parseInt(month) - 1, parseInt(day)))
+
   return {
     slug: postMatch.groups?.slug || '',
-    date: new Date(postMatch.groups?.date || ''),
+    date,
     title: data.title,
     subtitle: data.subtitle,
     unlisted: typeof data.unlisted === 'boolean' ? data.unlisted : false,