From 368be242e0796533dbb76d6684a299de81df7223 Mon Sep 17 00:00:00 2001
From: Regalijan <r@regalijan.com>
Date: Sat, 9 Nov 2024 00:30:51 -0500
Subject: [PATCH] Disable toolbar entirely

---
 app/routes/events-calendar.tsx | 41 +++++++++-------------------------
 1 file changed, 10 insertions(+), 31 deletions(-)

diff --git a/app/routes/events-calendar.tsx b/app/routes/events-calendar.tsx
index 57d030f..a9033e8 100644
--- a/app/routes/events-calendar.tsx
+++ b/app/routes/events-calendar.tsx
@@ -85,17 +85,12 @@ export async function loader({ context }: { context: RequestContext }) {
 
 export default function () {
   const data = useLoaderData<typeof loader>();
-  const [selectedDate, setDate] = useState(new Date());
   const [eventData, setEventData] = useState({} as { [k: string]: any });
+  const [todayFOTD, setTodayFOTD] = useState("None");
+  const [todayGameNight, setTodayGameNight] = useState("None");
+  const [todayQOTD, setTodayQOTD] = useState("None");
+  const [todayROTW, setTodayROTW] = useState("None");
   const { isOpen, onClose, onOpen } = useDisclosure();
-  const getEventsOfDay = (date: Date) =>
-    data.eventList.filter(
-      (e) =>
-        e.day === date.getUTCDate() &&
-        e.month === date.getUTCMonth() + 1 &&
-        e.year === date.getUTCFullYear(),
-    ) as { [k: string]: any }[];
-  const [eventsOfDay, setEventsOfDay] = useState(getEventsOfDay(selectedDate));
 
   dayjs.extend(utc);
 
@@ -137,21 +132,11 @@ export default function () {
           );
           onOpen();
         }}
-        onSelectSlot={(s) => {
-          const date = s.slots.at(0) as Date;
-          setDate(date);
-          setEventsOfDay(getEventsOfDay(date));
-        }}
+        onSelectSlot={(s) => {}}
         popup
         startAccessor={(event) => new Date(event.start)}
         style={{ height: 500 }}
-        views={{
-          month: true,
-          week: false,
-          work_week: false,
-          day: false,
-          agenda: false,
-        }}
+        toolbar={false}
       />
       <Accordion id="events-accordion" mt="16px">
         <AccordionItem>
@@ -164,7 +149,7 @@ export default function () {
             </AccordionButton>
           </h2>
           <AccordionPanel pb={4}>
-            {eventsOfDay.find((e) => e.type === "fotd")?.details || "None"}
+            {todayFOTD}
             <br />
           </AccordionPanel>
         </AccordionItem>
@@ -177,9 +162,7 @@ export default function () {
               <AccordionIcon />
             </AccordionButton>
           </h2>
-          <AccordionPanel pb={4}>
-            {eventsOfDay.find((e) => e.type === "gamenight")?.details || "None"}
-          </AccordionPanel>
+          <AccordionPanel pb={4}>{todayGameNight}</AccordionPanel>
         </AccordionItem>
         <AccordionItem>
           <h2>
@@ -189,9 +172,7 @@ export default function () {
               </Box>
             </AccordionButton>
           </h2>
-          <AccordionPanel pb={4}>
-            {eventsOfDay.find((e) => e.type === "rotw")?.details || "None"}
-          </AccordionPanel>
+          <AccordionPanel pb={4}>{todayROTW}</AccordionPanel>
         </AccordionItem>
         <AccordionItem>
           <h2>
@@ -201,9 +182,7 @@ export default function () {
               </Box>
             </AccordionButton>
           </h2>
-          <AccordionPanel pb={4}>
-            {eventsOfDay.find((e) => e.type === "qotd")?.details || "None"}
-          </AccordionPanel>
+          <AccordionPanel pb={4}>{todayQOTD}</AccordionPanel>
         </AccordionItem>
       </Accordion>
     </Container>