tdpeuter/2025SELab2-project-Dwengo
tdpeuter/2025SELab2-project-Dwengo
1
Fork 0
Code Issues Releases 4 Packages 2 Wiki Activity

refactor/fix: group query argumenten gerefactord, group query cach keys gefixt

Browse source
This commit is contained in:
Adriaan Jacquet 2025-04-13 14:47:40 +02:00
parent 7bee08537a
commit 389ce91b52
2 changed files with 28 additions and 41 deletions
Download patch file Download diff file Expand all files Collapse all files

7
frontend/src/queries/classes.ts
View file

@ -70,8 +70,7 @@ export function useCreateClassMutation(): UseMutationReturnType<ClassResponse, E
return useMutation({
mutationFn: async (data) => classController.createClass(data),
onSuccess: async () => {
await queryClient.invalidateQueries({ queryKey: classesQueryKey(true) });
await queryClient.invalidateQueries({ queryKey: classesQueryKey(false) });
await queryClient.invalidateQueries({ queryKey: [ "classes" ] });
},
});
}
@ -90,11 +89,11 @@ export function useDeleteClassMutation(): UseMutationReturnType<ClassResponse, E
});
}
export function useUpdateClassMutation(): UseMutationReturnType<ClassResponse, Error, ClassDTO, unknown> {
export function useUpdateClassMutation(): UseMutationReturnType<ClassResponse, Error, {cid: string, data: Partial<ClassDTO>}, unknown> {
const queryClient = useQueryClient();
return useMutation({
mutationFn: async (data) => classController.updateClass(data.id, data),
mutationFn: async ({ cid, data }) => classController.updateClass(cid, data),
onSuccess: async (data) => {
await invalidateAllClassKeys(queryClient, data.class.id);
await invalidateAllAssignmentKeys(queryClient, data.class.id);

62
frontend/src/queries/groups.ts
View file

@ -5,6 +5,8 @@ import type { SubmissionsResponse } from "@/controllers/submissions";
import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
import { QueryClient, useMutation, useQuery, useQueryClient, type UseMutationReturnType, type UseQueryReturnType } from "@tanstack/vue-query";
import { computed, toValue, type MaybeRefOrGetter } from "vue";
import { invalidateAllAssignmentKeys } from "./assignments";
import { invalidateAllSubmissionKeys } from "./submissions";
export function groupsQueryKey(classid: string, assignmentNumber: number, full: boolean) {
return [ "groups", classid, assignmentNumber, full ];
@ -83,62 +85,48 @@ export function useGroupQuery(
});
}
// TODO: find way to check if cid and an are not undefined.
// depends on how this function is used.
export function useCreateGroupMutation(
classid: MaybeRefOrGetter<string | undefined>,
assignmentNumber: MaybeRefOrGetter<number | undefined>,
): UseMutationReturnType<GroupResponse, Error, GroupDTO, unknown> {
export function useCreateGroupMutation(): UseMutationReturnType<GroupResponse, Error, {cid: string, an: number, data: GroupDTO}, unknown> {
const queryClient = useQueryClient();
const { cid, an } = toValues(classid, assignmentNumber, 1, true);
return useMutation({
mutationFn: async (data) => new GroupController(cid!, an!).createGroup(data),
onSuccess: async () => {
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, true) });
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, false) });
mutationFn: async ({ cid, an, data }) => new GroupController(cid, an).createGroup(data),
onSuccess: async (response) => {
const cid = typeof(response.group.class) === 'string' ? response.group.class : response.group.class.id;
const an = typeof(response.group.assignment) === 'number' ? response.group.assignment : response.group.assignment.id;
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid, an, true) });
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid, an, false) });
},
});
}
export function useDeleteGroupMutation(
classid: MaybeRefOrGetter<string | undefined>,
assignmentNumber: MaybeRefOrGetter<number | undefined>,
): UseMutationReturnType<GroupResponse, Error, number, unknown> {
export function useDeleteGroupMutation(): UseMutationReturnType<GroupResponse, Error, {cid: string, an: number, gn: number}, unknown> {
const queryClient = useQueryClient();
const { cid, an, gn } = toValues(classid, assignmentNumber, 1, true);
return useMutation({
mutationFn: async (id) => new GroupController(cid!, an!).deleteGroup(id),
onSuccess: async () => {
await queryClient.invalidateQueries({ queryKey: groupQueryKey(cid!, an!, gn!) });
mutationFn: async ({cid, an, gn}) => new GroupController(cid, an).deleteGroup(gn),
onSuccess: async (response) => {
const cid = typeof(response.group.class) === 'string' ? response.group.class : response.group.class.id;
const an = typeof(response.group.assignment) === 'number' ? response.group.assignment : response.group.assignment.id;
const gn = response.group.groupNumber;
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, true) });
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, false) });
await queryClient.invalidateQueries({ queryKey: groupSubmissionsQueryKey(cid!, an!, gn!, true) });
await queryClient.invalidateQueries({ queryKey: groupSubmissionsQueryKey(cid!, an!, gn!, false) });
await queryClient.invalidateQueries({ queryKey: groupQuestionsQueryKey(cid!, an!, gn!, true) });
await queryClient.invalidateQueries({ queryKey: groupQuestionsQueryKey(cid!, an!, gn!, false) });
await invalidateAllGroupKeys(queryClient, cid, an, gn);
await invalidateAllSubmissionKeys(queryClient, cid, an, gn);
},
});
}
export function useUpdateGroupMutation(
classid: MaybeRefOrGetter<string | undefined>,
assignmentNumber: MaybeRefOrGetter<number | undefined>,
): UseMutationReturnType<GroupResponse, Error, GroupDTO, unknown> {
export function useUpdateGroupMutation(): UseMutationReturnType<GroupResponse, Error, {cid: string, an: number, gn: number, data: Partial<GroupDTO>}, unknown> {
const queryClient = useQueryClient();
const { cid, an, gn } = toValues(classid, assignmentNumber, 1, true);
return useMutation({
mutationFn: async (data) => new GroupController(cid!, an!).updateGroup(gn!, data),
onSuccess: async () => {
await queryClient.invalidateQueries({ queryKey: groupQueryKey(cid!, an!, gn!) });
mutationFn: async ({cid, an, gn, data}) => new GroupController(cid, an).updateGroup(gn, data),
onSuccess: async (response) => {
const cid = typeof(response.group.class) === 'string' ? response.group.class : response.group.class.id;
const an = typeof(response.group.assignment) === 'number' ? response.group.assignment : response.group.assignment.id;
const gn = response.group.groupNumber;
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, true) });
await queryClient.invalidateQueries({ queryKey: groupsQueryKey(cid!, an!, false) });
await invalidateAllGroupKeys(queryClient, cid, an, gn);
},
});
}