back to the good old days

nextjs/src/app/course/[courseName]/CourseDetails.tsx

@@ -1,8 +1,8 @@
 "use client";
 import { getDateFromStringOrThrow } from "@/models/local/timeUtils";
-import { useCourseContext } from "./courseContext";
-import { getMonthsBetweenDates } from "./calendarMonthUtils";
-import CalendarMonth from "./CalendarMonth";
+import { useCourseContext } from "./context/courseContext";
+import { getMonthsBetweenDates } from "./calendar/calendarMonthUtils";
+import CalendarMonth from "./calendar/CalendarMonth";
 
 export default function CourseDetails() {
   const context = useCourseContext();

nextjs/src/app/course/[courseName]/page.tsx

@@ -1,6 +1,7 @@
-import CourseDetailsWrapper from "@/app/CourseDetailsWrapper";
 import { getDehydratedClient } from "@/app/layout";
 import { HydrationBoundary } from "@tanstack/react-query";
+import CourseContextProvider from "./context/CourseContextProvider";
+import CourseDetails from "./CourseDetails";
 
 export default async function CoursePage({
   params: { courseName },
@@ -10,7 +11,9 @@ export default async function CoursePage({
   const dehydratedState = await getDehydratedClient();
   return (
     <HydrationBoundary state={dehydratedState}>
-      <CourseDetailsWrapper courseName={courseName} />
+      <CourseContextProvider localCourseName={courseName}>
+        <CourseDetails />
+      </CourseContextProvider>
     </HydrationBoundary>
   );
 }