pushing state down with contexts

nextjs/src/app/course/[courseName]/modules/ExpandableModule.tsx

@@ -9,9 +9,7 @@ export default function ExpandableModule({
 }: {
   moduleName: string;
 }) {
-  const { courseName } = useCourseContext();
   const { assignments, quizzes, pages } = useModuleDataQuery(
-    courseName,
     moduleName
   );
 

nextjs/src/app/course/[courseName]/modules/ModuleList.tsx

@@ -4,8 +4,7 @@ import { useCourseContext } from "../context/courseContext";
 import ExpandableModule from "./ExpandableModule";
 
 export default function ModuleList() {
-  const { courseName } = useCourseContext();
-  const { data: moduleNames } = useModuleNamesQuery(courseName);
+  const { data: moduleNames } = useModuleNamesQuery();
   return (
     <div>
       {moduleNames.map((m) => (

nextjs/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/EditQuiz.tsx

@@ -3,15 +3,13 @@ import MonacoEditor from "@/components/MonacoEditor";
 import { useQuizQuery } from "@/hooks/localCourse/quizHooks";
 
 export default function EditQuiz({
-  courseName,
   moduleName,
   quizName,
 }: {
-  courseName: string;
   quizName: string;
   moduleName: string;
 }) {
-  const { data: quiz } = useQuizQuery(courseName, moduleName, quizName);
+  const { data: quiz } = useQuizQuery(moduleName, quizName);
 
   return (
     <div>

nextjs/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/page.tsx

@@ -2,15 +2,9 @@ import React from "react";
 import EditQuiz from "./EditQuiz";
 
 export default async function Page({
-  params: { courseName, moduleName, quizName },
+  params: { moduleName, quizName },
 }: {
-  params: { courseName: string; quizName: string; moduleName: string };
+  params: { quizName: string; moduleName: string };
 }) {
-  return (
-    <EditQuiz
-      courseName={courseName}
-      quizName={quizName}
-      moduleName={moduleName}
-    />
-  );
+  return <EditQuiz quizName={quizName} moduleName={moduleName} />;
 }