gitea/amati
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Change render cell props type

Browse Source
This commit is contained in:
sianida26 2024-06-25 03:40:04 +07:00
parent d039c59ac4
commit 4b12bf0ace
2 changed files with 3 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
apps/frontend/src/components/Timetable/DayColumn.tsx
View File

@ -11,7 +11,7 @@ type Props = {
startTime: dayjs.Dayjs; startTime: dayjs.Dayjs;
endTime: dayjs.Dayjs; endTime: dayjs.Dayjs;
events: Event[]; events: Event[];
renderCell?: (events: Event[]) => JSX.Element; renderCell?: (date: dayjs.Dayjs) => JSX.Element;
renderEvent?: (event: Event) => JSX.Element; renderEvent?: (event: Event) => JSX.Element;
}; };
@ -45,27 +45,7 @@ export default function DayColumn({
<div key={i} className="border-t h-20 relative"> <div key={i} className="border-t h-20 relative">
{renderCell ? ( {renderCell ? (
<div className="w-full h-full relative"> <div className="w-full h-full relative">
{renderCell( {renderCell(currentDateTime)}
events.filter((event) => {
// return event.start.isSame(
// startTime.add(i, "h"),
// "hour"
// );
return (
currentDateTime.isSame(
event.start,
"hour"
) ||
(currentDateTime.isAfter(
event.start
) &&
currentDateTime.isBefore(
event.end
))
);
})
)}
</div> </div>
) : ( ) : (
<button className="flex pr-1.5 w-full gap-1 relative hover:bg-gray-100 h-full"></button> <button className="flex pr-1.5 w-full gap-1 relative hover:bg-gray-100 h-full"></button>

2
apps/frontend/src/components/Timetable/Timetable.tsx
View File

@ -16,7 +16,7 @@ type Props = {
startTime?: dayjs.Dayjs; startTime?: dayjs.Dayjs;
endTime?: dayjs.Dayjs; endTime?: dayjs.Dayjs;
events: Event[]; events: Event[];
renderCell?: (events: Event[]) => JSX.Element; renderCell?: (date: dayjs.Dayjs) => JSX.Element;
renderEvent?: (event: Event) => JSX.Element; renderEvent?: (event: Event) => JSX.Element;
}; };