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

Added type event extension

Browse Source
This commit is contained in:
sianida26 2024-06-26 20:52:40 +07:00
parent bd8a5878e1
commit 355c5bbd35
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -12,10 +12,10 @@ import WeekPicker from "./WeekPicker";
dayjs.extend(isoWeek); dayjs.extend(isoWeek);
dayjs.extend(customParseFormat); dayjs.extend(customParseFormat);
type Props = { type Props<T extends Event> = {
startTime?: dayjs.Dayjs; startTime?: dayjs.Dayjs;
endTime?: dayjs.Dayjs; endTime?: dayjs.Dayjs;
events: Event[]; events: T[];
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;
@ -25,7 +25,10 @@ type Props = {
}; };
}; };
export default function Timetable({ events, ...props }: Props) { export default function Timetable<T extends Event>({
events,
...props
}: Props<T>) {
const [currentDate, setCurrentDate] = useState(dayjs()); const [currentDate, setCurrentDate] = useState(dayjs());
const startTime = props.startTime ?? dayjs("08:00", "HH:mm"); const startTime = props.startTime ?? dayjs("08:00", "HH:mm");