updating hooks to reuse more code

This commit is contained in:
2024-09-27 12:07:42 -06:00
parent 5667c8ba9e
commit 3a69222ddc
10 changed files with 125 additions and 269 deletions

View File

@@ -14,6 +14,7 @@ import {
getItemQueryConfig,
useItemQuery,
useItemsQueries,
useUpdateItemMutation,
} from "./courseItemHooks";
export const getAllAssignmentsQueryConfig = (
@@ -35,85 +36,8 @@ export const useAssignmentQuery = (
export const useAssignmentsQueries = (moduleName: string) =>
useItemsQueries(moduleName, "Assignment");
export const useUpdateAssignmentMutation = () => {
const { courseName } = useCourseContext();
const queryClient = useQueryClient();
return useMutation({
mutationFn: async ({
assignment,
moduleName,
previousModuleName,
previousAssignmentName,
assignmentName,
}: {
assignment: LocalAssignment;
moduleName: string;
previousModuleName: string;
previousAssignmentName: string;
assignmentName: string;
}) => {
if (
previousAssignmentName !== assignment.name ||
previousModuleName !== moduleName
) {
queryClient.removeQueries({
queryKey: localCourseKeys.itemOfType(
courseName,
previousModuleName,
previousAssignmentName,
"Assignment"
),
});
queryClient.removeQueries({
queryKey: localCourseKeys.allItemsOfType(
courseName,
previousModuleName,
"Assignment"
),
});
}
queryClient.setQueryData(
localCourseKeys.itemOfType(
courseName,
moduleName,
assignmentName,
"Assignment"
),
assignment
);
const url =
"/api/courses/" +
encodeURIComponent(courseName) +
"/modules/" +
encodeURIComponent(moduleName) +
"/assignments/" +
encodeURIComponent(assignmentName);
await axiosClient.put(url, {
assignment,
previousModuleName,
previousAssignmentName,
});
},
onSuccess: async (_, { moduleName, assignmentName }) => {
await queryClient.invalidateQueries({
queryKey: localCourseKeys.allItemsOfType(
courseName,
moduleName,
"Assignment"
),
});
await queryClient.invalidateQueries({
queryKey: localCourseKeys.itemOfType(
courseName,
moduleName,
assignmentName,
"Assignment"
),
});
},
});
};
export const useUpdateAssignmentMutation = () =>
useUpdateItemMutation("Assignment");
export const useCreateAssignmentMutation = () => {
const { courseName } = useCourseContext();