alex/canvasManagement
1
0
Fork 0
mirror of https://github.com/alexmickelson/canvasManagement.git synced 2026-03-26 23:58:31 -06:00
Code Issues Packages Projects Releases Wiki Activity

trying to get page to load without error

Browse Source
This commit is contained in:
Alex Mickelson
2024-08-30 14:20:31 -06:00
parent baa69348a3
commit 13be104499
16 changed files with 188 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
nextjs/src/app/course/[courseName]/page.tsx
View File

@@ -1,36 +1,26 @@
import CourseContextProvider from "./context/CourseContextProvider";
import CourseCalendar from "./calendar/CourseCalendar";
import { dehydrate, HydrationBoundary } from "@tanstack/react-query";
import CourseSettings from "./CourseSettings";
import ModuleList from "./modules/ModuleList";
import { createQueryClientForServer } from "@/services/utils/queryClientServer";
import { hydrateCourse } from "@/hooks/hookHydration";
export default async function CoursePage({
params: { courseName },
}: {
params: { courseName: string };
}) {
const queryClient = createQueryClientForServer();
await hydrateCourse(queryClient, courseName);
const dehydratedState = dehydrate(queryClient);
return (
<HydrationBoundary state={dehydratedState}>
<CourseContextProvider localCourseName={courseName}>
<div className="h-full flex flex-col">
<CourseSettings courseName={courseName} />
<div className="flex flex-row min-h-0">
<div className="flex-1 min-h-0">
<CourseCalendar />
</div>
<div className="w-96 p-3">
<ModuleList />
</div>
<CourseContextProvider localCourseName={courseName}>
<div className="h-full flex flex-col">
<CourseSettings courseName={courseName} />
<div className="flex flex-row min-h-0">
<div className="flex-1 min-h-0">
<CourseCalendar />
</div>
<div className="w-96 p-3">
<ModuleList />
</div>
</div>
</CourseContextProvider>
</HydrationBoundary>
</div>
</CourseContextProvider>
);
}