Properly fix it this time

This commit is contained in:
Regalijan 2024-11-05 18:56:06 -05:00
parent cbe2913f2d
commit fa288b604e
Signed by: regalijan
GPG Key ID: 5D4196DA269EF520

View File

@ -14,6 +14,7 @@ import {
} from "@chakra-ui/react";
import { useLoaderData } from "@remix-run/react";
import { useState } from "react";
import utc from "dayjs/plugin/utc.js";
export const links: LinksFunction = () => {
return [
@ -55,8 +56,8 @@ export async function loader({ context }: { context: RequestContext }) {
title: (e.type as string).toUpperCase(),
allDay: true,
// A Date object will not survive being passed to the client
start: `${e.year}-${e.month}-${e.day}T00:00:00.000Z`,
end: `${e.year}-${e.month}-${e.day}T00:00:00.000Z`,
start: `${e.year}-${(e.month as number).toString().padStart(2, "0")}-${(e.day as number).toString().padStart(2, "0")}T00:00:00.000Z`,
end: `${e.year}-${(e.month as number).toString().padStart(2, "0")}-${(e.day as number).toString().padStart(2, "0")}T00:00:00.000Z`,
};
});
@ -79,22 +80,31 @@ export default function () {
) as { [k: string]: any }[];
};
dayjs.extend(utc);
return (
<Container maxW="container.lg" h="600px">
<Calendar
events={data?.calendarData.map((event) => {
// @ts-expect-error
event.end = new Date(event.end);
// @ts-expect-error
event.start = new Date(event.start);
return event;
})}
endAccessor={(event) => new Date(event.end)}
events={data.calendarData}
localizer={dayjsLocalizer(dayjs)}
onSelectSlot={(s) => {
setDate(s.slots.at(0) as Date);
}}
startAccessor={(event) => {
const date = new Date(event.start);
date.setUTCDate(date.getUTCDate() + 1);
return date;
}}
style={{ height: 500 }}
views={{
month: true,
week: false,
work_week: false,
day: false,
agenda: false,
}}
/>
<Accordion id="events-accordion" mt="16px">
<AccordionItem>