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

Fix le error

Browse Source
This commit is contained in:
Regalijan 2024-11-09 00:06:41 -05:00
parent e250278812
commit 8926b0b389
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520
1 changed files with 10 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -86,7 +86,7 @@ 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 [selectedDate, setDate] = useState(new Date());
const [eventData, setEventDate] = useState({} as { [k: string]: any }); const [eventData, setEventData] = useState({} as { [k: string]: any });
const { isOpen, onClose, onOpen } = useDisclosure(); const { isOpen, onClose, onOpen } = useDisclosure();
const getEventsOfDay = (date: Date) => const getEventsOfDay = (date: Date) =>
data.eventList.filter( data.eventList.filter(
@ -113,14 +113,14 @@ export default function () {
data.memberData.find((m) => m.id === eventData.created_by) as { data.memberData.find((m) => m.id === eventData.created_by) as {
[k: string]: any; [k: string]: any;
} }
).name )?.name
} }
<br /> <br />
Event Type: {eventData.type.toUpperCase()} Event Type: {eventData?.type.toUpperCase()}
<br /> <br />
Details: {eventData.details} Details: {eventData?.details}
<br /> <br />
Answer: {eventData.type === "rotw" ? eventData.answer : "N/A"} Answer: {eventData?.type === "rotw" ? eventData.answer : "N/A"}
</ModalBody> </ModalBody>
<ModalFooter> <ModalFooter>
<Button onClick={onClose}>Close</Button> <Button onClick={onClose}>Close</Button>
@ -131,6 +131,11 @@ export default function () {
endAccessor={(event) => new Date(event.end)} endAccessor={(event) => new Date(event.end)}
events={data.calendarData} events={data.calendarData}
localizer={dayjsLocalizer(dayjs)} localizer={dayjsLocalizer(dayjs)}
onSelectEvent={(e) => {
setEventData(
data.eventList.find((ev) => ev.id === e.id) as { [k: string]: any },
);
}}
onSelectSlot={(s) => { onSelectSlot={(s) => {
const date = s.slots.at(0) as Date; const date = s.slots.at(0) as Date;
setDate(date); setDate(date);