style(frontend): Linting

This commit is contained in:
Tibo De Peuter 2025-04-17 09:53:03 +02:00
parent bb0a5273dc
commit 12005d197c
Signed by: tdpeuter
GPG key ID: 38297DE43F75FFE2
6 changed files with 168 additions and 95 deletions

View file

@ -1,31 +1,40 @@
import type { ClassesResponse } from "@/controllers/classes";
import { GroupController, type GroupResponse, type GroupsResponse } from "@/controllers/groups";
import type { QuestionsResponse } from "@/controllers/questions";
import type { SubmissionsResponse } from "@/controllers/submissions";
import type { GroupDTO } from "@dwengo-1/common/interfaces/group";
import { GroupController, type GroupResponse, type GroupsResponse } from '@/controllers/groups';
import type { QuestionsResponse } from '@/controllers/questions';
import type { SubmissionsResponse } from '@/controllers/submissions';
import type { GroupDTO } from '@dwengo-1/common/interfaces/group';
import {
QueryClient,
useMutation,
type UseMutationReturnType,
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";
} from '@tanstack/vue-query';
import { computed, type MaybeRefOrGetter, toValue } from 'vue';
import { invalidateAllSubmissionKeys } from './submissions';
export function groupsQueryKey(classid: string, assignmentNumber: number, full: boolean) {
return ["groups", classid, assignmentNumber, full];
type GroupsQueryKey = ['groups', string, number, boolean];
export function groupsQueryKey(classid: string, assignmentNumber: number, full: boolean): GroupsQueryKey {
return ['groups', classid, assignmentNumber, full];
}
function groupQueryKey(classid: string, assignmentNumber: number, groupNumber: number) {
return ["group", classid, assignmentNumber, groupNumber];
type GroupQueryKey = ['group', string, number, number];
function groupQueryKey(classid: string, assignmentNumber: number, groupNumber: number): GroupQueryKey {
return ['group', classid, assignmentNumber, groupNumber];
}
function groupSubmissionsQueryKey(classid: string, assignmentNumber: number, groupNumber: number, full: boolean) {
return ["group-submissions", classid, assignmentNumber, groupNumber, full];
type GroupSubmissionsQueryKey = ['group-submissions', string, number, number, boolean];
function groupSubmissionsQueryKey(classid: string, assignmentNumber: number, groupNumber: number, full: boolean): GroupSubmissionsQueryKey {
return ['group-submissions', classid, assignmentNumber, groupNumber, full];
}
function groupQuestionsQueryKey(classid: string, assignmentNumber: number, groupNumber: number, full: boolean) {
return ["group-questions", classid, assignmentNumber, groupNumber, full];
type GroupQuestionsQueryKey = ['group-questions', string, number, number, boolean];
function groupQuestionsQueryKey(classid: string, assignmentNumber: number, groupNumber: number, full: boolean): GroupQuestionsQueryKey {
return ['group-questions', classid, assignmentNumber, groupNumber, full];
}
export async function invalidateAllGroupKeys(
@ -33,16 +42,17 @@ export async function invalidateAllGroupKeys(
classid?: string,
assignmentNumber?: number,
groupNumber?: number,
) {
const keys = ["group", "group-submissions", "group-questions"];
for (const key of keys) {
const queryKey = [key, classid, assignmentNumber, groupNumber].filter((arg) => arg !== undefined);
await queryClient.invalidateQueries({ queryKey: queryKey });
}
): Promise<void> {
const keys = ['group', 'group-submissions', 'group-questions'];
await Promise.all(
keys.map(async (key) => {
const queryKey = [key, classid, assignmentNumber, groupNumber].filter((arg) => arg !== undefined);
return queryClient.invalidateQueries({ queryKey: queryKey });
}),
);
await queryClient.invalidateQueries({
queryKey: ["groups", classid, assignmentNumber].filter((arg) => arg !== undefined),
queryKey: ['groups', classid, assignmentNumber].filter((arg) => arg !== undefined),
});
}
@ -53,12 +63,20 @@ function checkEnabled(
): boolean {
return Boolean(classid) && !isNaN(Number(groupNumber)) && !isNaN(Number(assignmentNumber));
}
interface Values {
cid: string | undefined;
an: number | undefined;
gn: number | undefined;
f: boolean;
}
function toValues(
classid: MaybeRefOrGetter<string | undefined>,
assignmentNumber: MaybeRefOrGetter<number | undefined>,
groupNumber: MaybeRefOrGetter<number | undefined>,
full: MaybeRefOrGetter<boolean>,
) {
): Values {
return { cid: toValue(classid), an: toValue(assignmentNumber), gn: toValue(groupNumber), f: toValue(full) };
}
@ -101,9 +119,9 @@ export function useCreateGroupMutation(): UseMutationReturnType<
return useMutation({
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 cid = typeof response.group.class === 'string' ? response.group.class : response.group.class.id;
const an =
typeof response.group.assignment === "number"
typeof response.group.assignment === 'number'
? response.group.assignment
: response.group.assignment.id;
@ -124,9 +142,9 @@ export function useDeleteGroupMutation(): UseMutationReturnType<
return useMutation({
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 cid = typeof response.group.class === 'string' ? response.group.class : response.group.class.id;
const an =
typeof response.group.assignment === "number"
typeof response.group.assignment === 'number'
? response.group.assignment
: response.group.assignment.id;
const gn = response.group.groupNumber;
@ -148,9 +166,9 @@ export function useUpdateGroupMutation(): UseMutationReturnType<
return useMutation({
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 cid = typeof response.group.class === 'string' ? response.group.class : response.group.class.id;
const an =
typeof response.group.assignment === "number"
typeof response.group.assignment === 'number'
? response.group.assignment
: response.group.assignment.id;
const gn = response.group.groupNumber;