From b246f40c4daf9d1fd290d89aae2b9c659bf96a1c Mon Sep 17 00:00:00 2001
From: sianida26 <chesakeselekkebo@gmail.com>
Date: Tue, 25 Jun 2024 15:15:23 +0700
Subject: [PATCH] Added custom center and right timetable header

---
 .../src/components/Timetable/Timetable.tsx         | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

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