refactor: unify loading/error state in quizSlice, progressSlice, settingsSlice using baseSlice

Author: rgilks

app/store/progressSlice.ts

@@ -4,14 +4,16 @@ import { getProgress } from '@/app/actions/userProgress';
 import { getSession } from 'next-auth/react';
 import type { TextGeneratorState } from './textGeneratorStore';
 import type { CEFRLevel } from '@/lib/domain/language-guidance';
+import type { BaseSlice } from './baseSlice';
+import { createBaseSlice } from './baseSlice';
 
 const GetProgressResultSchema = z.object({
   streak: z.number().optional().nullable(),
   currentLevel: z.string().optional().nullable(),
   error: z.string().optional().nullable(),
 });
 
-export interface ProgressSlice {
+export interface ProgressSlice extends BaseSlice {
   isProgressLoading: boolean;
   userStreak: number | null;
   fetchUserProgress: () => Promise<void>;
@@ -23,6 +25,7 @@ export const createProgressSlice: StateCreator<
   [],
   ProgressSlice
 > = (set, get) => ({
+  ...createBaseSlice(set),
   isProgressLoading: false,
   userStreak: null,
 

app/store/quizSlice.ts

@@ -9,6 +9,8 @@ import {
   GenerateExerciseResultSchema,
   SubmitAnswerResultSchema,
 } from '@/lib/domain/schemas';
+import type { BaseSlice } from './baseSlice';
+import { createBaseSlice } from './baseSlice';
 
 interface NextQuizInfo {
   quizData: PartialQuizData;
@@ -17,7 +19,7 @@ interface NextQuizInfo {
 
 export type HoverProgressionPhase = 'initial' | 'credits';
 
-export interface QuizSlice {
+export interface QuizSlice extends BaseSlice {
   quizData: PartialQuizData | null;
   currentQuizId: number | null;
   selectedAnswer: string | null;
@@ -67,6 +69,7 @@ export const createQuizSlice: StateCreator<
   [],
   QuizSlice
 > = (set, get) => ({
+  ...createBaseSlice(set),
   quizData: null,
   currentQuizId: null,
   selectedAnswer: null,

app/store/settingsSlice.ts

@@ -2,8 +2,10 @@ import type { StateCreator } from 'zustand';
 import { type LearningLanguage } from '@/lib/domain/language';
 import { type CEFRLevel } from '@/lib/domain/language-guidance';
 import type { Language, TextGeneratorState } from './textGeneratorStore';
+import type { BaseSlice } from './baseSlice';
+import { createBaseSlice } from './baseSlice';
 
-export interface SettingsSlice {
+export interface SettingsSlice extends BaseSlice {
   passageLanguage: LearningLanguage;
   generatedPassageLanguage: LearningLanguage | null;
   generatedQuestionLanguage: Language | null;
@@ -20,6 +22,7 @@ export const createSettingsSlice: StateCreator<
   [],
   SettingsSlice
 > = (set, get) => ({
+  ...createBaseSlice(set),
   passageLanguage: 'en',
   generatedPassageLanguage: null,
   generatedQuestionLanguage: null,