2026-03-01 18:32:49 +00:00

25 lines
743 B
TypeScript

import Announcements from "@/components/Announcements";
import BigCalendarContainer from "@/components/BigCalendarContainer";
import { auth } from "@clerk/nextjs/server";
const TeacherPage = () => {
const { userId } = auth();
return (
<div className="flex-1 p-4 flex gap-4 flex-col xl:flex-row">
{/* LEFT */}
<div className="w-full xl:w-2/3">
<div className="h-full bg-white p-4 rounded-md">
<h1 className="text-xl font-semibold">Schedule</h1>
<BigCalendarContainer type="teacherId" id={userId!} />
</div>
</div>
{/* RIGHT */}
<div className="w-full xl:w-1/3 flex flex-col gap-8">
<Announcements />
</div>
</div>
);
};
export default TeacherPage;