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>