regalijan/car-crushers-portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Disable toolbar entirely

Browse Source
This commit is contained in:
Regalijan 2024-11-09 00:30:51 -05:00
parent 065fb86343
commit 368be242e0
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 10 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
app/routes/events-calendar.tsx
View File

@ -85,17 +85,12 @@ export async function loader({ context }: { context: RequestContext }) {
export default function () { export default function () {
const data = useLoaderData<typeof loader>(); const data = useLoaderData<typeof loader>();
const [selectedDate, setDate] = useState(new Date());
const [eventData, setEventData] = useState({} as { [k: string]: any }); 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 { 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); dayjs.extend(utc);
@ -137,21 +132,11 @@ export default function () {
); );
onOpen(); onOpen();
}} }}
onSelectSlot={(s) => { onSelectSlot={(s) => {}}
const date = s.slots.at(0) as Date;
setDate(date);
setEventsOfDay(getEventsOfDay(date));
}}
popup popup
startAccessor={(event) => new Date(event.start)} startAccessor={(event) => new Date(event.start)}
style={{ height: 500 }} style={{ height: 500 }}
views={{ toolbar={false}
month: true,
week: false,
work_week: false,
day: false,
agenda: false,
}}
/> />
<Accordion id="events-accordion" mt="16px"> <Accordion id="events-accordion" mt="16px">
<AccordionItem> <AccordionItem>
@ -164,7 +149,7 @@ export default function () {
</AccordionButton> </AccordionButton>
</h2> </h2>
<AccordionPanel pb={4}> <AccordionPanel pb={4}>
{eventsOfDay.find((e) => e.type === "fotd")?.details || "None"} {todayFOTD}
<br /> <br />
</AccordionPanel> </AccordionPanel>
</AccordionItem> </AccordionItem>
@ -177,9 +162,7 @@ export default function () {
<AccordionIcon /> <AccordionIcon />
</AccordionButton> </AccordionButton>
</h2> </h2>
<AccordionPanel pb={4}> <AccordionPanel pb={4}>{todayGameNight}</AccordionPanel>
{eventsOfDay.find((e) => e.type === "gamenight")?.details || "None"}
</AccordionPanel>
</AccordionItem> </AccordionItem>
<AccordionItem> <AccordionItem>
<h2> <h2>
@ -189,9 +172,7 @@ export default function () {
</Box> </Box>
</AccordionButton> </AccordionButton>
</h2> </h2>
<AccordionPanel pb={4}> <AccordionPanel pb={4}>{todayROTW}</AccordionPanel>
{eventsOfDay.find((e) => e.type === "rotw")?.details || "None"}
</AccordionPanel>
</AccordionItem> </AccordionItem>
<AccordionItem> <AccordionItem>
<h2> <h2>
@ -201,9 +182,7 @@ export default function () {
</Box> </Box>
</AccordionButton> </AccordionButton>
</h2> </h2>
<AccordionPanel pb={4}> <AccordionPanel pb={4}>{todayQOTD}</AccordionPanel>
{eventsOfDay.find((e) => e.type === "qotd")?.details || "None"}
</AccordionPanel>
</AccordionItem> </AccordionItem>
</Accordion> </Accordion>
</Container> </Container>