more centralization

nextjs/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/AssignmentButtons.tsx

@@ -128,7 +128,7 @@ export function AssignmentButtons({
                   <button
                     onClick={() => {
                       deleteLocal
-                        .mutateAsync({ moduleName, assignmentName })
+                        .mutateAsync({ moduleName, itemName: assignmentName })
                         .then(() => {
                           router.push(getCourseUrl(courseName));
                         });

nextjs/src/app/course/[courseName]/modules/[moduleName]/page/[pageName]/EditPageButtons.tsx

@@ -101,7 +101,7 @@ export default function EditPageButtons({
                 <button
                   onClick={async () => {
                     deletePageLocal
-                      .mutateAsync({ moduleName, pageName })
+                      .mutateAsync({ moduleName, itemName: pageName })
                       .then(() => router.push(getCourseUrl(courseName)));
                   }}
                   className="btn-danger"

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

@@ -88,7 +88,7 @@ export function QuizButtons({
                   <button
                     onClick={async () => {
                       deleteLocal
-                        .mutateAsync({ moduleName, quizName })
+                        .mutateAsync({ moduleName, itemName: quizName })
                         .then(() => router.push(getCourseUrl(courseName)));
                     }}
                     className="btn-danger"

nextjs/src/hooks/localCourse/assignmentHooks.ts

@@ -1,18 +1,9 @@
 "use client";
-import { localCourseKeys } from "./localCourseKeys";
-import { LocalAssignment } from "@/models/local/assignment/localAssignment";
-import {
-  useSuspenseQuery,
-  useSuspenseQueries,
-  useQueryClient,
-  useMutation,
-} from "@tanstack/react-query";
-import { useCourseContext } from "@/app/course/[courseName]/context/courseContext";
-import { axiosClient } from "@/services/axiosUtils";
 import {
   getAllItemsQueryConfig,
   getItemQueryConfig,
   useCreateItemMutation,
+  useDeleteItemMutation,
   useItemQuery,
   useItemsQueries,
   useUpdateItemMutation,
@@ -43,49 +34,5 @@ export const useUpdateAssignmentMutation = () =>
 export const useCreateAssignmentMutation = () =>
   useCreateItemMutation("Assignment");
 
-export const useDeleteAssignmentMutation = () => {
+export const useDeleteAssignmentMutation = () =>
-  const { courseName } = useCourseContext();
+  useDeleteItemMutation("Assignment");
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      moduleName,
-      assignmentName,
-    }: {
-      moduleName: string;
-      assignmentName: string;
-    }) => {
-      queryClient.removeQueries({
-        queryKey: localCourseKeys.itemOfType(
-          courseName,
-          moduleName,
-          assignmentName,
-          "Assignment"
-        ),
-      });
-      queryClient.removeQueries({
-        queryKey: localCourseKeys.allItemsOfType(
-          courseName,
-          moduleName,
-          "Assignment"
-        ),
-      });
-      const url =
-        "/api/courses/" +
-        encodeURIComponent(courseName) +
-        "/modules/" +
-        encodeURIComponent(moduleName) +
-        "/assignments/" +
-        encodeURIComponent(assignmentName);
-      await axiosClient.delete(url);
-    },
-    onSuccess: async (_, { moduleName, assignmentName }) => {
-      queryClient.invalidateQueries({
-        queryKey: localCourseKeys.allItemsOfType(
-          courseName,
-          moduleName,
-          "Assignment"
-        ),
-      });
-    },
-  });
-};

nextjs/src/hooks/localCourse/courseItemHooks.ts

@@ -219,3 +219,44 @@ export const useCreateItemMutation = <T extends CourseItemType>(type: T) => {
     },
   });
 };
+
+export const useDeleteItemMutation = <T extends CourseItemType>(type: T) => {
+  const { courseName } = useCourseContext();
+  const queryClient = useQueryClient();
+  return useMutation({
+    mutationFn: async ({
+      moduleName,
+      itemName,
+    }: {
+      moduleName: string;
+      itemName: string;
+    }) => {
+      queryClient.removeQueries({
+        queryKey: localCourseKeys.itemOfType(
+          courseName,
+          moduleName,
+          itemName,
+          type
+        ),
+      });
+      queryClient.removeQueries({
+        queryKey: localCourseKeys.allItemsOfType(courseName, moduleName, type),
+      });
+      const url =
+        "/api/courses/" +
+        encodeURIComponent(courseName) +
+        "/modules/" +
+        encodeURIComponent(moduleName) +
+        "/" +
+        typeToFolder[type] +
+        "/" +
+        encodeURIComponent(itemName);
+      await axiosClient.delete(url);
+    },
+    onSuccess: async (_, { moduleName, itemName }) => {
+      queryClient.invalidateQueries({
+        queryKey: localCourseKeys.allItemsOfType(courseName, moduleName, type),
+      });
+    },
+  });
+};

nextjs/src/hooks/localCourse/pageHooks.ts

@@ -1,13 +1,9 @@
 "use client";
-import { LocalCoursePage } from "@/models/local/page/localCoursePage";
-import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { localCourseKeys } from "./localCourseKeys";
-import { useCourseContext } from "@/app/course/[courseName]/context/courseContext";
-import { axiosClient } from "@/services/axiosUtils";
 import {
   getAllItemsQueryConfig,
   getItemQueryConfig,
   useCreateItemMutation,
+  useDeleteItemMutation,
   useItemQuery,
   useItemsQueries,
   useUpdateItemMutation,
@@ -32,62 +28,5 @@ export const usePagesQueries = (moduleName: string) =>
   useItemsQueries(moduleName, "Page");
 
 export const useUpdatePageMutation = () => useUpdateItemMutation("Page");
-
 export const useCreatePageMutation = () => useCreateItemMutation("Page");
-
+export const useDeletePageMutation = () => useDeleteItemMutation("Page");
-export const useDeletePageMutation = () => {
-  const { courseName } = useCourseContext();
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      moduleName,
-      pageName,
-    }: {
-      moduleName: string;
-      pageName: string;
-    }) => {
-      queryClient.removeQueries({
-        queryKey: localCourseKeys.itemOfType(
-          courseName,
-          moduleName,
-          pageName,
-          "Page"
-        ),
-      });
-      queryClient.removeQueries({
-        queryKey: localCourseKeys.itemOfType(
-          courseName,
-          moduleName,
-          pageName,
-          "Page"
-        ),
-      });
-      const url =
-        "/api/courses/" +
-        encodeURIComponent(courseName) +
-        "/modules/" +
-        encodeURIComponent(moduleName) +
-        "/pages/" +
-        encodeURIComponent(pageName);
-      await axiosClient.delete(url);
-    },
-    onSuccess: async (_, { moduleName, pageName }) => {
-      await queryClient.invalidateQueries({
-        queryKey: localCourseKeys.itemOfType(
-          courseName,
-          moduleName,
-          pageName,
-          "Page"
-        ),
-      });
-      await queryClient.invalidateQueries({
-        queryKey: localCourseKeys.itemOfType(
-          courseName,
-          moduleName,
-          pageName,
-          "Page"
-        ),
-      });
-    },
-  });
-};

nextjs/src/hooks/localCourse/quizHooks.ts

@@ -1,15 +1,9 @@
 "use client";
-import {
-  useMutation,
-  useQueryClient,
-} from "@tanstack/react-query";
-import { localCourseKeys } from "./localCourseKeys";
-import { useCourseContext } from "@/app/course/[courseName]/context/courseContext";
-import { axiosClient } from "@/services/axiosUtils";
 import {
   getAllItemsQueryConfig,
   getItemQueryConfig,
   useCreateItemMutation,
+  useDeleteItemMutation,
   useItemQuery,
   useItemsQueries,
   useUpdateItemMutation,
@@ -40,49 +34,5 @@ export const useUpdateQuizMutation = () => useUpdateItemMutation("Quiz")
 
 export const useCreateQuizMutation = () => useCreateItemMutation("Quiz")
 
-export const useDeleteQuizMutation = () => {
+export const useDeleteQuizMutation = () =>
-  const { courseName } = useCourseContext();
+  useDeleteItemMutation("Quiz");
-  const queryClient = useQueryClient();
-  return useMutation({
-    mutationFn: async ({
-      moduleName,
-      quizName,
-    }: {
-      moduleName: string;
-      quizName: string;
-    }) => {
-      const url =
-        "/api/courses/" +
-        encodeURIComponent(courseName) +
-        "/modules/" +
-        encodeURIComponent(moduleName) +
-        "/quizzes/" +
-        encodeURIComponent(quizName);
-      await axiosClient.delete(url);
-      queryClient.removeQueries({
-        queryKey: localCourseKeys.allItemsOfType(
-          courseName,
-          moduleName,
-          "Quiz"
-        ),
-      });
-    },
-    onSuccess: async (_, { moduleName, quizName }) => {
-      await queryClient.invalidateQueries({
-        queryKey: localCourseKeys.allItemsOfType(
-          courseName,
-          moduleName,
-          "Quiz"
-        ),
-      });
-      await queryClient.invalidateQueries({
-        queryKey: localCourseKeys.itemOfType(
-          courseName,
-          moduleName,
-          quizName,
-          "Quiz"
-        ),
-      });
-    },
-  });
-};