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

monaco editor in progress

Browse Source
This commit is contained in:
Alex Mickelson
2024-09-02 21:40:07 -06:00
parent 13f20b5970
commit 7bf8e0b86f
12 changed files with 210 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
nextjs/src/app/course/[courseName]/layout.tsx
View File

@@ -1,9 +1,7 @@
import {
dehydrate,
HydrationBoundary,
} from "@tanstack/react-query";
import { dehydrate, HydrationBoundary } from "@tanstack/react-query";
import { getQueryClient } from "@/app/providersQueryClientUtils";
import { hydrateCourse } from "@/hooks/hookHydration";
import CourseContextProvider from "./context/CourseContextProvider";
export default async function CourseLayout({
children,
@@ -12,17 +10,20 @@ export default async function CourseLayout({
children: React.ReactNode;
params: { courseName: string };
}) {
const decodedCourseName = decodeURIComponent(courseName)
if (courseName.includes(".js.map")) {
console.log("cannot load course that is .js.map " + courseName);
console.log("cannot load course that is .js.map " + decodedCourseName);
return <div></div>;
}
const queryClient = getQueryClient();
await hydrateCourse(queryClient, courseName);
await hydrateCourse(queryClient, decodedCourseName);
const dehydratedState = dehydrate(queryClient);
// console.log("hydrated course state", courseName, dehydratedState);
return (
<HydrationBoundary state={dehydratedState}>{children}</HydrationBoundary>
<CourseContextProvider localCourseName={decodedCourseName}>
<HydrationBoundary state={dehydratedState}>{children}</HydrationBoundary>
</CourseContextProvider>
);
}