consolodating types

This commit is contained in:
2024-09-27 11:17:47 -06:00
parent 6539acec76
commit 4681b1df51
4 changed files with 86 additions and 69 deletions

View File

@@ -39,40 +39,4 @@ export const localCourseKeys = {
typeToFolder[type],
name,
] as const,
allQuizzes: (courseName: string, moduleName: string) =>
[
"course details",
courseName,
"modules",
moduleName,
"quizzes",
{ type: "all" },
] as const,
allPages: (courseName: string, moduleName: string) =>
[
"course details",
courseName,
"modules",
moduleName,
"pages",
{ type: "all" },
] as const,
quiz: (courseName: string, moduleName: string, quizName: string) =>
[
"course details",
courseName,
"modules",
moduleName,
"quizzes",
quizName,
] as const,
page: (courseName: string, moduleName: string, pageName: string) =>
[
"course details",
courseName,
"modules",
moduleName,
"pages",
pageName,
] as const,
};

View File

@@ -12,7 +12,7 @@ import { axiosClient } from "@/services/axiosUtils";
export function getAllPagesQueryConfig(courseName: string, moduleName: string) {
return {
queryKey: localCourseKeys.allPages(courseName, moduleName),
queryKey: localCourseKeys.allItemsOfType(courseName, moduleName, "Page"),
queryFn: async (): Promise<LocalCoursePage[]> => {
const url =
"/api/courses/" +
@@ -32,7 +32,7 @@ export function getPageQueryConfig(
pageName: string
) {
return {
queryKey: localCourseKeys.page(courseName, moduleName, pageName),
queryKey: localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
queryFn: async (): Promise<LocalCoursePage> => {
const url =
"/api/courses/" +
@@ -100,18 +100,19 @@ export const useUpdatePageMutation = () => {
(previousPageName !== page.name || previousModuleName !== moduleName)
) {
queryClient.removeQueries({
queryKey: localCourseKeys.page(
queryKey: localCourseKeys.itemOfType(
courseName,
previousModuleName,
previousPageName
previousPageName,
"Page"
),
});
queryClient.removeQueries({
queryKey: localCourseKeys.allPages(courseName, moduleName),
queryKey: localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
});
}
queryClient.setQueryData(
localCourseKeys.page(courseName, moduleName, pageName),
localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
page
);
const url =
@@ -129,10 +130,10 @@ export const useUpdatePageMutation = () => {
},
onSuccess: async (_, { moduleName, pageName }) => {
await queryClient.invalidateQueries({
queryKey: localCourseKeys.allPages(courseName, moduleName),
queryKey: localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
});
await queryClient.invalidateQueries({
queryKey: localCourseKeys.page(courseName, moduleName, pageName),
queryKey: localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
});
},
});
@@ -152,7 +153,7 @@ export const useCreatePageMutation = () => {
pageName: string;
}) => {
queryClient.setQueryData(
localCourseKeys.page(courseName, moduleName, pageName),
localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
page
);
const url =
@@ -166,10 +167,10 @@ export const useCreatePageMutation = () => {
},
onSuccess: (_, { moduleName, pageName }) => {
queryClient.invalidateQueries({
queryKey: localCourseKeys.page(courseName, moduleName, pageName),
queryKey: localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
});
queryClient.invalidateQueries({
queryKey: localCourseKeys.allPages(courseName, moduleName),
queryKey: localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
});
},
});
@@ -187,10 +188,10 @@ export const useDeletePageMutation = () => {
pageName: string;
}) => {
queryClient.removeQueries({
queryKey: localCourseKeys.page(courseName, moduleName, pageName),
queryKey: localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
});
queryClient.removeQueries({
queryKey: localCourseKeys.allPages(courseName, moduleName),
queryKey: localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
});
const url =
"/api/courses/" +
@@ -203,10 +204,10 @@ export const useDeletePageMutation = () => {
},
onSuccess: async (_, { moduleName, pageName }) => {
await queryClient.invalidateQueries({
queryKey: localCourseKeys.allPages(courseName, moduleName),
queryKey: localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
});
await queryClient.invalidateQueries({
queryKey: localCourseKeys.page(courseName, moduleName, pageName),
queryKey: localCourseKeys.itemOfType(courseName, moduleName, pageName, "Page"),
});
},
});

View File

@@ -15,7 +15,7 @@ export function getAllQuizzesQueryConfig(
moduleName: string
) {
return {
queryKey: localCourseKeys.allQuizzes(courseName, moduleName),
queryKey: localCourseKeys.allItemsOfType(courseName, moduleName, "Quiz"),
queryFn: async (): Promise<LocalQuiz[]> => {
const url =
"/api/courses/" +
@@ -59,7 +59,12 @@ export function getQuizQueryConfig(
quizName: string
) {
return {
queryKey: localCourseKeys.quiz(courseName, moduleName, quizName),
queryKey: localCourseKeys.itemOfType(
courseName,
moduleName,
quizName,
"Quiz"
),
queryFn: async (): Promise<LocalQuiz> => {
const url =
"/api/courses/" +
@@ -97,18 +102,23 @@ export const useUpdateQuizMutation = () => {
(previousQuizName !== quiz.name || previousModuleName !== moduleName)
) {
queryClient.removeQueries({
queryKey: localCourseKeys.quiz(
queryKey: localCourseKeys.itemOfType(
courseName,
previousModuleName,
previousQuizName
previousQuizName,
"Quiz"
),
});
queryClient.removeQueries({
queryKey: localCourseKeys.allQuizzes(courseName, previousModuleName),
queryKey: localCourseKeys.allItemsOfType(
courseName,
previousModuleName,
"Quiz"
),
});
}
queryClient.setQueryData(
localCourseKeys.quiz(courseName, moduleName, quizName),
localCourseKeys.itemOfType(courseName, moduleName, quizName, "Quiz"),
quiz
);
const url =
@@ -130,10 +140,19 @@ export const useUpdateQuizMutation = () => {
},
onSuccess: async (_, { moduleName, quizName }) => {
await queryClient.invalidateQueries({
queryKey: localCourseKeys.allQuizzes(courseName, moduleName),
queryKey: localCourseKeys.allItemsOfType(
courseName,
moduleName,
"Quiz"
),
});
await queryClient.invalidateQueries({
queryKey: localCourseKeys.quiz(courseName, moduleName, quizName),
queryKey: localCourseKeys.itemOfType(
courseName,
moduleName,
quizName,
"Quiz"
),
});
},
});
@@ -153,7 +172,7 @@ export const useCreateQuizMutation = () => {
quizName: string;
}) => {
queryClient.setQueryData(
localCourseKeys.quiz(courseName, moduleName, quizName),
localCourseKeys.itemOfType(courseName, moduleName, quizName, "Quiz"),
quiz
);
const url =
@@ -167,10 +186,19 @@ export const useCreateQuizMutation = () => {
},
onSuccess: async (_, { moduleName, quizName }) => {
await queryClient.invalidateQueries({
queryKey: localCourseKeys.allQuizzes(courseName, moduleName),
queryKey: localCourseKeys.allItemsOfType(
courseName,
moduleName,
"Quiz"
),
});
await queryClient.invalidateQueries({
queryKey: localCourseKeys.quiz(courseName, moduleName, quizName),
queryKey: localCourseKeys.itemOfType(
courseName,
moduleName,
quizName,
"Quiz"
),
});
},
});
@@ -196,15 +224,28 @@ export const useDeleteQuizMutation = () => {
encodeURIComponent(quizName);
await axiosClient.delete(url);
queryClient.removeQueries({
queryKey: localCourseKeys.allQuizzes(courseName, moduleName),
queryKey: localCourseKeys.allItemsOfType(
courseName,
moduleName,
"Quiz"
),
});
},
onSuccess: async (_, { moduleName, quizName }) => {
await queryClient.invalidateQueries({
queryKey: localCourseKeys.allQuizzes(courseName, moduleName),
queryKey: localCourseKeys.allItemsOfType(
courseName,
moduleName,
"Quiz"
),
});
await queryClient.invalidateQueries({
queryKey: localCourseKeys.quiz(courseName, moduleName, quizName),
queryKey: localCourseKeys.itemOfType(
courseName,
moduleName,
quizName,
"Quiz"
),
});
},
});