mirror of
https://github.com/alexmickelson/canvasManagement.git
synced 2026-03-25 23:28:33 -06:00
more centralization
This commit is contained in:
@@ -128,7 +128,7 @@ export function AssignmentButtons({
|
||||
<button
|
||||
onClick={() => {
|
||||
deleteLocal
|
||||
.mutateAsync({ moduleName, assignmentName })
|
||||
.mutateAsync({ moduleName, itemName: assignmentName })
|
||||
.then(() => {
|
||||
router.push(getCourseUrl(courseName));
|
||||
});
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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");
|
||||
|
||||
@@ -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),
|
||||
});
|
||||
},
|
||||
});
|
||||
};
|
||||
|
||||
@@ -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");
|
||||
|
||||
@@ -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");
|
||||
Reference in New Issue
Block a user