updates

2026-03-25 23:28:33 -06:00 · 2024-09-13 16:06:50 -06:00
parent 6b60e8eda6
commit 5c7ddf18d6
5 changed files with 150 additions and 162 deletions
--- a/nextjs/src/hooks/localCourse/localCourseModuleHooks.ts
+++ b/nextjs/src/hooks/localCourse/localCourseModuleHooks.ts
@@ -0,0 +1,148 @@
+import { useCourseContext } from "@/app/course/[courseName]/context/courseContext";
+import { axiosClient } from "@/services/axiosUtils";
+import { useMutation, useSuspenseQuery } from "@tanstack/react-query";
+import { localCourseKeys } from "./localCourseKeys";
+
+export const useModuleNamesQuery = () => {
+  const { courseName } = useCourseContext();
+  return useSuspenseQuery({
+    queryKey: localCourseKeys.moduleNames(courseName),
+    queryFn: async (): Promise<string[]> => {
+      const url = `/api/courses/${courseName}/modules`;
+      const response = await axiosClient.get(url);
+      return response.data;
+    },
+  });
+};
+
+export const useCreateModuleMutation = () => {
+  const { courseName } = useCourseContext();
+  return useMutation({
+    mutationFn: async (moduleName: string) => { 
+      const url = `/api/courses/${courseName}/modules`;
+      const response = await axiosClient.post(url, {moduleName});
+      return response.data;},
+  });
+};
+
+// // 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);
+
+//   return {
+//     assignments,
+//     quizzes,
+//     pages,
+//   };
+//   // return useMemo(
+//   //   () => ({
+//   //     assignments,
+//   //     quizzes,
+//   //     pages,
+//   //   }),
+//   //   [assignments, pages, quizzes]
+//   // );
+// };
+
+// export const useAllCourseDataQuery = () => {
+//   const { courseName } = useCourseContext();
+//   const { data: moduleNames } = useModuleNamesQuery();
+
+//   const { data: assignmentNamesAndModules } = useSuspenseQueries({
+//     queries: moduleNames.map((moduleName) =>
+//       getAssignmentNamesQueryConfig(courseName, moduleName)
+//     ),
+//     combine: (results) => ({
+//       data: results.flatMap((r, i) =>
+//         r.data.map((assignmentName) => ({
+//           moduleName: moduleNames[i],
+//           assignmentName,
+//         }))
+//       ),
+//       pending: results.some((r) => r.isPending),
+//     }),
+//   });
+
+//   const { data: assignmentsAndModules } = useSuspenseQueries({
+//     queries: assignmentNamesAndModules.map(
+//       ({ moduleName, assignmentName }, i) =>
+//         getAssignmentQueryConfig(courseName, moduleName, assignmentName)
+//     ),
+//     combine: (results) => ({
+//       data: results.flatMap((r, i) => ({
+//         moduleName: assignmentNamesAndModules[i].moduleName,
+//         assignment: r.data,
+//       })),
+//       pending: results.some((r) => r.isPending),
+//     }),
+//   });
+
+//   const { data: quizNamesAndModules } = useSuspenseQueries({
+//     queries: moduleNames.map((moduleName) =>
+//       getQuizNamesQueryConfig(courseName, moduleName)
+//     ),
+//     combine: (results) => ({
+//       data: results.flatMap((r, i) =>
+//         r.data.map((quizName) => ({
+//           moduleName: moduleNames[i],
+//           quizName: quizName,
+//         }))
+//       ),
+//       pending: results.some((r) => r.isPending),
+//     }),
+//   });
+
+//   const { data: quizzesAndModules } = useSuspenseQueries({
+//     queries: quizNamesAndModules.map(({ moduleName, quizName }, i) =>
+//       getQuizQueryConfig(courseName, moduleName, quizName)
+//     ),
+//     combine: (results) => ({
+//       data: results.flatMap((r, i) => ({
+//         moduleName: quizNamesAndModules[i].moduleName,
+//         quiz: r.data,
+//       })),
+//       pending: results.some((r) => r.isPending),
+//     }),
+//   });
+
+//   const { data: pageNamesAndModules } = useSuspenseQueries({
+//     queries: moduleNames.map((moduleName) =>
+//       getPageNamesQueryConfig(courseName, moduleName)
+//     ),
+//     combine: (results) => ({
+//       data: results.flatMap((r, i) =>
+//         r.data.map((pageName) => ({
+//           moduleName: moduleNames[i],
+//           pageName,
+//         }))
+//       ),
+//       pending: results.some((r) => r.isPending),
+//     }),
+//   });
+
+//   const { data: pagesAndModules } = useSuspenseQueries({
+//     queries: pageNamesAndModules.map(({ moduleName, pageName }, i) =>
+//       getPageQueryConfig(courseName, moduleName, pageName)
+//     ),
+//     combine: (results) => ({
+//       data: results.flatMap((r, i) => ({
+//         moduleName: pageNamesAndModules[i].moduleName,
+//         page: r.data,
+//       })),
+//       pending: results.some((r) => r.isPending),
+//     }),
+//   });
+
+//   return { assignmentsAndModules, quizzesAndModules, pagesAndModules };
+// };