From f4dd8f9ee0d3729f833f59685d1011010333583f Mon Sep 17 00:00:00 2001
From: Alex Mickelson <alexmickelson96@gmail.com>
Date: Fri, 27 Sep 2024 12:25:39 -0600
Subject: [PATCH] more centralization

---
 .../[assignmentName]/AssignmentButtons.tsx    |  2 +-
 .../page/[pageName]/EditPageButtons.tsx       |  2 +-
 .../quiz/[quizName]/QuizButton.tsx            |  2 +-
 .../src/hooks/localCourse/assignmentHooks.ts  | 59 +----------------
 .../src/hooks/localCourse/courseItemHooks.ts  | 41 ++++++++++++
 nextjs/src/hooks/localCourse/pageHooks.ts     | 65 +------------------
 nextjs/src/hooks/localCourse/quizHooks.ts     | 56 +---------------
 7 files changed, 52 insertions(+), 175 deletions(-)

diff --git a/nextjs/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/AssignmentButtons.tsx b/nextjs/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/AssignmentButtons.tsx
index 4938e26..832c6e1 100644
--- a/nextjs/src/app/course/[courseName]/modules/[moduleName]/assignment/[assignmentName]/AssignmentButtons.tsx
+++ b/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));
                         });
diff --git a/nextjs/src/app/course/[courseName]/modules/[moduleName]/page/[pageName]/EditPageButtons.tsx b/nextjs/src/app/course/[courseName]/modules/[moduleName]/page/[pageName]/EditPageButtons.tsx
index 51fe105..ee2e9a5 100644
--- a/nextjs/src/app/course/[courseName]/modules/[moduleName]/page/[pageName]/EditPageButtons.tsx
+++ b/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"
diff --git a/nextjs/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/QuizButton.tsx b/nextjs/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/QuizButton.tsx
index 42d3de1..5f7eaf1 100644
--- a/nextjs/src/app/course/[courseName]/modules/[moduleName]/quiz/[quizName]/QuizButton.tsx
+++ b/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"
diff --git a/nextjs/src/hooks/localCourse/assignmentHooks.ts b/nextjs/src/hooks/localCourse/assignmentHooks.ts
index fc8b93b..6e907a9 100644
--- a/nextjs/src/hooks/localCourse/assignmentHooks.ts
+++ b/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 = () => {
-  const { courseName } = useCourseContext();
-  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"
-        ),
-      });
-    },
-  });
-};
+export const useDeleteAssignmentMutation = () =>
+  useDeleteItemMutation("Assignment");
diff --git a/nextjs/src/hooks/localCourse/courseItemHooks.ts b/nextjs/src/hooks/localCourse/courseItemHooks.ts
index 59dc176..84736c5 100644
--- a/nextjs/src/hooks/localCourse/courseItemHooks.ts
+++ b/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),
+      });
+    },
+  });
+};
diff --git a/nextjs/src/hooks/localCourse/pageHooks.ts b/nextjs/src/hooks/localCourse/pageHooks.ts
index e9fb28d..bc4ec98 100644
--- a/nextjs/src/hooks/localCourse/pageHooks.ts
+++ b/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 = () => {
-  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"
-        ),
-      });
-    },
-  });
-};
+export const useDeletePageMutation = () => useDeleteItemMutation("Page");
diff --git a/nextjs/src/hooks/localCourse/quizHooks.ts b/nextjs/src/hooks/localCourse/quizHooks.ts
index 6c35ff3..718ff1d 100644
--- a/nextjs/src/hooks/localCourse/quizHooks.ts
+++ b/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 = () => {
-  const { courseName } = useCourseContext();
-  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"
-        ),
-      });
-    },
-  });
-};
+export const useDeleteQuizMutation = () =>
+  useDeleteItemMutation("Quiz");
\ No newline at end of file