back to the good old days

This commit is contained in:
2024-08-27 17:17:17 -06:00
parent eb18f93875
commit 4e412fd6bf
8 changed files with 8 additions and 23 deletions

View File

@@ -1,18 +0,0 @@
"use client";
import { useLocalCourseDetailsQuery } from "@/hooks/localCoursesHooks";
import { CourseContext } from "./course/[courseName]/courseContext";
import CourseDetails from "./course/[courseName]/CourseDetails";
export default function CourseDetailsWrapper({
courseName,
}: {
courseName: string;
}) {
const { data: course } = useLocalCourseDetailsQuery(courseName);
console.log("courseName", courseName);
return (
<CourseContext.Provider value={{ localCourse: course }}>
<CourseDetails />
</CourseContext.Provider>
);
}

View File

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

View File

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