From 0ed1c419c8c046496304025304cd1a4bbb736fa2 Mon Sep 17 00:00:00 2001
From: Brandon Smith <mail@brandons.me>
Date: Sat, 27 Jan 2024 17:51:11 -0600
Subject: [PATCH] Display event times with correct time zone

---
 front-end/src/index.tsx       | 4 ++++
 front-end/src/stores/Store.ts | 8 ++++----
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/front-end/src/index.tsx b/front-end/src/index.tsx
index 0581aec..445f879 100644
--- a/front-end/src/index.tsx
+++ b/front-end/src/index.tsx
@@ -1,8 +1,12 @@
+import dayjs from 'dayjs'
+import utc from 'dayjs/plugin/utc'
 import React from 'react'
 import { createRoot } from 'react-dom/client'
 
 import App from './components/App'
 
+dayjs.extend(utc)
+
 window.addEventListener('load', () => {
     // if ('serviceWorker' in navigator) {
     //     navigator.serviceWorker.register('/sw.js')
diff --git a/front-end/src/stores/Store.ts b/front-end/src/stores/Store.ts
index b73b75b..bbc984e 100644
--- a/front-end/src/stores/Store.ts
+++ b/front-end/src/stores/Store.ts
@@ -58,8 +58,8 @@ class Store {
 
             return {
                 ...festival,
-                start_date: dayjs(festival.start_date),
-                end_date: dayjs(festival.end_date),
+                start_date: dayjs.utc(festival.start_date),
+                end_date: dayjs.utc(festival.end_date),
             } as const
         } else {
             return null
@@ -118,8 +118,8 @@ class Store {
             return (await vibefetch(this.jwt, '/events', 'get', undefined)).body?.events
                 .map(e => ({
                     ...e,
-                    start_datetime: dayjs(e.start_datetime),
-                    end_datetime: e.end_datetime ? dayjs(e.end_datetime) : null
+                    start_datetime: dayjs.utc(e.start_datetime),
+                    end_datetime: e.end_datetime ? dayjs.utc(e.end_datetime) : null
                 }))
         } else {
             return null