moving data to be held by react query

nextjs/src/app/course/[courseName]/context/CourseContextProvider.tsx

@@ -2,7 +2,7 @@
 import { ReactNode, useState } from "react";
 import { CourseContext, DraggableItem } from "./courseContext";
 import {
-  useLocalCourseDetailsQuery,
+  useLocalCourseSettingsQuery,
   useUpdateCourseMutation,
 } from "@/hooks/localCoursesHooks";
 import { LocalQuiz } from "@/models/local/quiz/localQuiz";
@@ -16,8 +16,8 @@ export default function CourseContextProvider({
   children: ReactNode;
   localCourseName: string;
 }) {
-  const { data: course } = useLocalCourseDetailsQuery(localCourseName);
-  const updateCourseMutation = useUpdateCourseMutation(course.settings.name);
+  const { data: settings } = useLocalCourseSettingsQuery(localCourseName);
+  const updateCourseMutation = useUpdateCourseMutation(localCourseName);
   const [itemBeingDragged, setItemBeingDragged] = useState<
     DraggableItem | undefined
   >();
@@ -30,34 +30,33 @@ export default function CourseContextProvider({
       dueAt: dateToMarkdownString(day),
     };
 
-    const localModule = course.modules.find((m) =>
-      m.quizzes.map((q) => q.name).includes(updatedQuiz.name)
-    );
-    if (!localModule)
-      console.log("could not find module for quiz ", updatedQuiz);
+    // const localModule = course.modules.find((m) =>
+    //   m.quizzes.map((q) => q.name).includes(updatedQuiz.name)
+    // );
+    // if (!localModule)
+    //   console.log("could not find module for quiz ", updatedQuiz);
 
-    const updatedCourse: LocalCourse = {
-      ...course,
-      modules: course.modules.map((m) =>
-        m.name !== localModule?.name
-          ? m
-          : {
-              ...m,
-              quizzes: m.quizzes.map((q) =>
-                q.name === updatedQuiz.name ? updatedQuiz : q
-              ),
-            }
-      ),
-    };
-    updateCourseMutation.mutate({
-      updatedCourse,
-      previousCourse: course,
-    });
+    // const updatedCourse: LocalCourse = {
+    //   ...course,
+    //   modules: course.modules.map((m) =>
+    //     m.name !== localModule?.name
+    //       ? m
+    //       : {
+    //           ...m,
+    //           quizzes: m.quizzes.map((q) =>
+    //             q.name === updatedQuiz.name ? updatedQuiz : q
+    //           ),
+    //         }
+    //   ),
+    // };
+    // updateCourseMutation.mutate({
+    //   updatedCourse,
+    //   previousCourse: course,
+    // });
   };
   return (
     <CourseContext.Provider
       value={{
-        localCourse: course,
         startItemDrag: (d) => {
           setItemBeingDragged(d);
         },

nextjs/src/app/course/[courseName]/context/courseContext.ts

@@ -1,6 +1,5 @@
 "use client";
 import { IModuleItem } from "@/models/local/IModuleItem";
-import { LocalCourse } from "@/models/local/localCourse";
 import { createContext, useContext } from "react";
 
 export interface DraggableItem {
@@ -9,27 +8,12 @@ export interface DraggableItem {
 }
 
 export interface CourseContextInterface {
-  localCourse: LocalCourse;
   startItemDrag: (dragging: DraggableItem) => void;
   endItemDrag: () => void;
   itemDrop: (droppedOnDay?: Date) => void;
 }
 
 const defaultValue: CourseContextInterface = {
-  localCourse: {
-    modules: [],
-    settings: {
-      name: "",
-      assignmentGroups: [],
-      daysOfWeek: [],
-      startDate: "",
-      endDate: "",
-      defaultDueTime: {
-        hour: 0,
-        minute: 0,
-      },
-    },
-  },
   startItemDrag: () => {},
   endItemDrag: () => {},
   itemDrop: () => {},