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

Added custom center and right timetable header

Browse Source
This commit is contained in:
sianida26 2024-06-25 15:15:23 +07:00
parent 635d851664
commit b246f40c4d
1 changed files with 14 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -19,6 +19,10 @@ type Props = {
renderCell?: (date: dayjs.Dayjs) => JSX.Element; renderCell?: (date: dayjs.Dayjs) => JSX.Element;
renderEvent?: (event: Event) => JSX.Element; renderEvent?: (event: Event) => JSX.Element;
onDateChange?: (date: Dayjs) => void; onDateChange?: (date: Dayjs) => void;
header?: {
center?: JSX.Element;
right?: JSX.Element;
};
}; };
export default function Timetable({ events, ...props }: Props) { export default function Timetable({ events, ...props }: Props) {
@ -87,6 +91,16 @@ export default function Timetable({ events, ...props }: Props) {
onChange={(date) => setCurrentDate(dayjs(date))} onChange={(date) => setCurrentDate(dayjs(date))}
/> />
</div> </div>
{/* Center */}
<div className="">
{props.header?.center && props.header.center}
</div>
{/* Right */}
<div className="">
{props.header?.right && props.header.right}
</div>
</div> </div>
{/* The Table */} {/* The Table */}
<div className="flex"> <div className="flex">