From 5db81f9565295f2ab5e5df7ca43289f75ae91e65 Mon Sep 17 00:00:00 2001
From: canin carlos <canin@dreamfreely.org>
Date: Mon, 12 Jan 2026 15:41:22 -0500
Subject: [PATCH] Timezone aware UI

---
 src/components/Sections/Header.vue       |  2 +-
 src/components/listings/EventListing.vue |  6 +++++-
 src/router/index.js                      |  1 -
 src/stores/EventsStore.js                | 24 ++++++++++++++++++++++++
 4 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/components/Sections/Header.vue b/src/components/Sections/Header.vue
index e0608a9..d8065a6 100644
--- a/src/components/Sections/Header.vue
+++ b/src/components/Sections/Header.vue
@@ -9,7 +9,7 @@
     <header class="grid justify-center z-10">
       <div class="greetings justify-center pt-2 pb-3">
         <h1 class="green">
-          <RouterLink to="/">DigiSnaxx.com</RouterLink>
+          <a href="/">DigiSnaxx.com</a>
         </h1>
         <!-- <span class="subtitle z-40">
           another <a href="https://www.dreamfreely.org" targe="_blank">DreamFreely</a> project
diff --git a/src/components/listings/EventListing.vue b/src/components/listings/EventListing.vue
index 1f04b48..85e2214 100644
--- a/src/components/listings/EventListing.vue
+++ b/src/components/listings/EventListing.vue
@@ -1,6 +1,9 @@
 <script setup>
+    import { useEventsStore } from '../../stores/EventsStore';
     import moment from 'moment-timezone';
 
+    const EventsStore = useEventsStore();
+
     defineProps({
         item: {
             type: Object,
@@ -13,7 +16,8 @@
     })
 
     function format_date(dateString) {
-        let date = moment.utc(dateString);
+        let page_tz = EventsStore.timezone
+        let date = moment.utc(dateString).tz(page_tz);
         return date.format('dd @ h:mm a');
     };
 </script>
diff --git a/src/router/index.js b/src/router/index.js
index 0f49bad..cd5581f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -57,7 +57,6 @@ const router = createRouter({
       name: 'stl',
       component: DigiSnaxxView
     },
-    
     // {
     //   path: '/live',
     //   name: 'live',
diff --git a/src/stores/EventsStore.js b/src/stores/EventsStore.js
index ec51d26..b141fab 100644
--- a/src/stores/EventsStore.js
+++ b/src/stores/EventsStore.js
@@ -27,6 +27,7 @@ export const useEventsStore = defineStore('Events', {
       new_msg: "",
       today: "",
       shortcode: "",
+      timezone: "",
       filter: false,
     };
   },
@@ -37,6 +38,28 @@ export const useEventsStore = defineStore('Events', {
     //   console.log("CAL: ", this.shortcode);
     //   return this.shortcode;
     // },
+    async settimezone(cal) {
+      console.log("CAL: ", cal)
+      const est = ['bos', 'phl',]
+      const cst = ['chi', 'msp']
+      const mtn = ['dnv',]
+      const pst = ['pda',]
+      const col = ['mde', 'bog']
+
+      if (est.includes(cal)) {
+        this.timezone = "America/New_York"
+      } else if (cst.includes(cal)) {
+        this.timezone = "America/Chicago"
+        console.log("Success")
+      } else if (mtn.includes(cal)) {
+        this.timezone = "America/Denver"
+      } else if (pst.includes(cal)) {
+        this.timezone = "America/Vancouver"
+      } else if (col.includes(cal)) {
+        this.timezone = "America/Bogota"
+      }
+      return this.timezone;
+    },
 
     async fetchPromo(cal) {
       const results = await fetch(`${apiUrl}/events/promo/?calendar__shortcode=${this.shortcode}`, {headers: this.headers});
@@ -51,6 +74,7 @@ export const useEventsStore = defineStore('Events', {
 
     async fetchEvents(cal) {
       this.shortcode = cal;
+      this.settimezone(cal);
       const results = await fetch(`${apiUrl}/events/events/?calendar__shortcode=${this.shortcode}`, {headers: this.headers});
       const data = await results.json();
       const events_list = data.slice(0,126);