running smooth again

nextjs/src/hooks/localCourse/assignmentHooks.ts

@@ -1,6 +1,7 @@
+"use client"
 import axios from "axios";
 import { localCourseKeys } from "./localCourseKeys";
-import { LocalAssignment } from "@/models/local/assignmnet/localAssignment";
+import { LocalAssignment } from "@/models/local/assignment/localAssignment";
 import { useSuspenseQuery, useSuspenseQueries } from "@tanstack/react-query";
 import { useCourseContext } from "@/app/course/[courseName]/context/courseContext";
 

nextjs/src/hooks/localCourse/localCoursesHooks.ts

@@ -1,3 +1,4 @@
+"use client";
 import { LocalCourseSettings } from "@/models/local/localCourse";
 import { useSuspenseQuery } from "@tanstack/react-query";
 import axios from "axios";
@@ -45,32 +46,35 @@ export const useModuleNamesQuery = () => {
   });
 };
 
-export const useModuleDataQuery = (moduleName: string) => {
-  const { data: assignmentNames } = useAssignmentNamesQuery(
-    moduleName
-  );
-  const { data: quizNames } = useQuizNamesQuery(moduleName);
-  const { data: pageNames } = usePageNamesQuery(moduleName);
+// dangerous? really slowed down page...
+// maybe it only slowed down with react query devtools...
+// export const useModuleDataQuery = (moduleName: string) => {
+//   console.log("running");
+//   const { data: assignmentNames } = useAssignmentNamesQuery(moduleName);
+//   const { data: quizNames } = useQuizNamesQuery(moduleName);
+//   const { data: pageNames } = usePageNamesQuery(moduleName);
 
-  const { data: assignments } = useAssignmentsQueries(
-    moduleName,
-    assignmentNames
-  );
-  const { data: quizzes } = useQuizzesQueries(
-    moduleName,
-    quizNames
-  );
-  const { data: pages } = usePagesQueries(moduleName, pageNames);
+//   const { data: assignments } = useAssignmentsQueries(
+//     moduleName,
+//     assignmentNames
+//   );
+//   const { data: quizzes } = useQuizzesQueries(moduleName, quizNames);
+//   const { data: pages } = usePagesQueries(moduleName, pageNames);
 
-  return useMemo(
-    () => ({
-      assignments,
-      quizzes,
-      pages,
-    }),
-    [assignments, pages, quizzes]
-  );
-};
+//   return {
+//     assignments,
+//     quizzes,
+//     pages,
+//   };
+//   // return useMemo(
+//   //   () => ({
+//   //     assignments,
+//   //     quizzes,
+//   //     pages,
+//   //   }),
+//   //   [assignments, pages, quizzes]
+//   // );
+// };
 
 // export const useUpdateCourseMutation = (courseName: string) => {
 //   const queryClient = useQueryClient();

nextjs/src/hooks/localCourse/pageHooks.ts

@@ -1,3 +1,4 @@
+"use client"
 import { LocalCoursePage } from "@/models/local/page/localCoursePage";
 import { useSuspenseQueries, useSuspenseQuery } from "@tanstack/react-query";
 import axios from "axios";
@@ -54,7 +55,6 @@ function getPageQueryConfig(
         "/pages/" +
         encodeURIComponent(pageName);
       try {
-        console.log("making a request to get a page");
         const response = await axios.get(url);
         return response.data;
       } catch (e) {

nextjs/src/hooks/localCourse/quizHooks.ts

@@ -1,3 +1,4 @@
+"use client"
 import { LocalQuiz } from "@/models/local/quiz/localQuiz";
 import {
   useMutation,
@@ -66,9 +67,8 @@ function getQuizQueryConfig(
 }
 
 export const useUpdateQuizMutation = () => {
-
   const { courseName } = useCourseContext();
-  const queryClient = useQueryClient();
+  // const queryClient = useQueryClient();
   return useMutation({
     mutationFn: async ({
       quiz,
@@ -89,9 +89,9 @@ export const useUpdateQuizMutation = () => {
       await axios.put(url, quiz);
     },
     onSuccess: (_, { moduleName, quizName }) => {
-      queryClient.invalidateQueries({
-        queryKey: localCourseKeys.quiz(courseName, moduleName, quizName),
-      });
+      // queryClient.invalidateQueries({
+      //   queryKey: localCourseKeys.quiz(courseName, moduleName, quizName),
+      // });
       // queryClient.invalidateQueries({
       //   queryKey: localCourseKeys.quizNames(courseName, moduleName),
       // });