more centralization

This commit is contained in:
2024-09-27 12:25:39 -06:00
parent 150de48335
commit f4dd8f9ee0
7 changed files with 52 additions and 175 deletions

View File

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

View File

@@ -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"

View File

@@ -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"

View File

@@ -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");

View File

@@ -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),
});
},
});
};

View File

@@ -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");

View File

@@ -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");