From 4fb8eb1959d208ed66456d5cfb01bab49a788819 Mon Sep 17 00:00:00 2001
From: chark1es <charles15851@gmail.com>
Date: Mon, 13 Jan 2025 02:09:01 -0800
Subject: [PATCH] add support for ENV variables

---
 src/components/events/EventList.jsx        | 4 ++--
 src/components/events/UpcomingEvents.astro | 7 ++++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/events/EventList.jsx b/src/components/events/EventList.jsx
index bfce501..2f8f0d1 100644
--- a/src/components/events/EventList.jsx
+++ b/src/components/events/EventList.jsx
@@ -36,14 +36,14 @@ const UpcomingEvent = ({ name, location, date, time, delay, description }) => (
   </div>
 );
 
-const EventList = ({ CALENDAR_API_KEY }) => {
+const EventList = ({ CALENDAR_API_KEY, EVENT_CALENDAR_ID }) => {
   const [events, setEvents] = useState([]);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState(null);
 
   useEffect(() => {
     const apiKey = CALENDAR_API_KEY;
-    const calendarId = "666sh64sku5n29qv2a2f4598jc@group.calendar.google.com";
+    const calendarId = EVENT_CALENDAR_ID;
     const userTimeZone = "America/Los_Angeles";
 
     const loadGapiAndListEvents = async () => {
diff --git a/src/components/events/UpcomingEvents.astro b/src/components/events/UpcomingEvents.astro
index e1afe33..e2bc77f 100644
--- a/src/components/events/UpcomingEvents.astro
+++ b/src/components/events/UpcomingEvents.astro
@@ -3,6 +3,7 @@ import UpcomingEvent from "./UpcomingEvent.astro";
 import { LiaDotCircle } from "react-icons/lia";
 import EventList from "./EventList.jsx";
 const CALENDAR_API_KEY = import.meta.env.CALENDAR_API_KEY;
+const EVENT_CALENDAR_ID = import.meta.env.EVENT_CALENDAR_ID;
 ---
 
 <div class="flex ml-[15%] my-[10%]">
@@ -19,6 +20,10 @@ const CALENDAR_API_KEY = import.meta.env.CALENDAR_API_KEY;
         </p>
     </div>
     <div>
-        <EventList client:load CALENDAR_API_KEY={CALENDAR_API_KEY} />
+        <EventList
+            client:load
+            CALENDAR_API_KEY={CALENDAR_API_KEY}
+            EVENT_CALENDAR_ID={EVENT_CALENDAR_ID}
+        />
     </div>
 </div>