Roadmap P0
- Ship /logo.svg fallback and rewire asset references (superseded later by
the project-manager PNG in a separate commit).
Roadmap P1
- Response envelope alignment ({items,total,page,size}) across services
and query hooks.
- Approval/ticket UX updates tied to the new backend rollback semantics.
Roadmap P2
- React.lazy + Vite manualChunks to split vendor-radix/charts/icons/forms
from the main bundle and cut initial JS.
- Fix the 181 tsc errors (PaginationParams class + per-service generics).
- Auto-refresh flow for JWT refresh tokens wired into api-client.ts.
Roadmap P3
- i18n: i18next + language detector, en/ar locales, RTL auto-switch,
LanguageToggle component in RoleLayout and AdminLmsLayout.
- GDPR: PrivacyCenter page for data export and right-to-erasure, backed
by gdpr.service.ts; logout via AuthContext after erasure.
- Human-in-the-loop exam review UI: admin ExamReviewQueue + ExamReviewDetail
pages, useExamReview hooks, exam-review.service.ts.
- AI quality loop: AIPromptEditor (versioning + render preview),
AIFeedbackButtons for students, AIFeedbackTriage admin page, dedicated
services, hooks, and types.
- Dark mode: ThemeProvider + ThemeToggle + chart color tokens.
- Accessibility: DialogDescription on every DialogContent; alert-dialog
and sheet updates.
- Retire dead pages: ExamPage marketing, Index, ProfilePage import.
- Playwright e2e scaffolding: playwright.config.ts + e2e/login.spec.ts
smoke tests, npm scripts test:e2e / test:e2e:install.
Made-with: Cursor
86 lines
2.6 KiB
TypeScript
86 lines
2.6 KiB
TypeScript
import { useQuery, useMutation, useQueryClient } from "@tanstack/react-query";
|
|
import { queryKeys } from "./keys";
|
|
import { examTemplateService } from "@/services/exam-template.service";
|
|
import { ieltsExamService } from "@/services/ielts-exam.service";
|
|
import { customExamService } from "@/services/custom-exam.service";
|
|
import type { IELTSExamConfig, ContentPoolFilters, ExamAssignRequest, CustomExamCreateRequest, SaveAsTemplateRequest } from "@/types";
|
|
|
|
export function useInternationalTemplates() {
|
|
return useQuery({
|
|
queryKey: queryKeys.examTemplates.international,
|
|
queryFn: examTemplateService.listInternational,
|
|
});
|
|
}
|
|
|
|
export function useCustomTemplates() {
|
|
return useQuery({
|
|
queryKey: queryKeys.examTemplates.custom,
|
|
queryFn: examTemplateService.listCustom,
|
|
});
|
|
}
|
|
|
|
export function useCreateIeltsExam() {
|
|
return useMutation({
|
|
mutationFn: (data: IELTSExamConfig) => ieltsExamService.create(data),
|
|
});
|
|
}
|
|
|
|
export function useIeltsSkills(examId: number) {
|
|
return useQuery({
|
|
queryKey: queryKeys.ieltsExam.skills(examId),
|
|
queryFn: () => ieltsExamService.getSkills(examId),
|
|
enabled: !!examId,
|
|
});
|
|
}
|
|
|
|
export function useIeltsContentPool(examId: number, filters: ContentPoolFilters) {
|
|
return useQuery({
|
|
queryKey: queryKeys.ieltsExam.contentPool(examId, filters),
|
|
queryFn: () => ieltsExamService.getContentPool(examId, filters),
|
|
enabled: !!examId,
|
|
});
|
|
}
|
|
|
|
export function useIeltsAutoAssemble() {
|
|
return useMutation({
|
|
mutationFn: (examId: number) => ieltsExamService.autoAssemble(examId),
|
|
});
|
|
}
|
|
|
|
export function useIeltsExamValidation(examId: number) {
|
|
return useQuery({
|
|
queryKey: queryKeys.ieltsExam.validation(examId),
|
|
queryFn: () => ieltsExamService.validate(examId),
|
|
enabled: !!examId,
|
|
});
|
|
}
|
|
|
|
export function usePublishIeltsExam() {
|
|
const qc = useQueryClient();
|
|
return useMutation({
|
|
mutationFn: (examId: number) => ieltsExamService.update(examId, { status: "published" }),
|
|
onSuccess: () => qc.invalidateQueries({ queryKey: ["ielts-exam"] }),
|
|
});
|
|
}
|
|
|
|
export function useAssignIeltsExam() {
|
|
return useMutation({
|
|
mutationFn: (data: { examId: number; assignment: ExamAssignRequest }) =>
|
|
ieltsExamService.assign(data.examId, data.assignment),
|
|
});
|
|
}
|
|
|
|
export function useCreateCustomExam() {
|
|
return useMutation({
|
|
mutationFn: (data: CustomExamCreateRequest) => customExamService.create(data),
|
|
});
|
|
}
|
|
|
|
export function useSaveAsTemplate() {
|
|
const qc = useQueryClient();
|
|
return useMutation({
|
|
mutationFn: (data: SaveAsTemplateRequest) => examTemplateService.saveCustomTemplate(data),
|
|
onSuccess: () => qc.invalidateQueries({ queryKey: queryKeys.examTemplates.custom }),
|
|
});
|
|
}
|