working translation

frontend/app/src/config/store.ts

@@ -17,9 +17,18 @@ const initialAuthDataState: AuthDataType = {
   user: null,
 };
 
+export type SettingsType = {
+  language: string | null;
+};
+
+const initialSettingsState: SettingsType = {
+  language: null,
+};
+
 export type StorePrototype = {
   AuthApi: ReducerType;
   auth: AuthDataType;
+  settings: SettingsType;
 };
 
 export const updateToken = createAction<string>("auth/updateToken");
@@ -27,6 +36,9 @@ export const getLocalToken = createAction("auth/getLocalToken");
 export const updateUser = createAction<User>("auth/updateUser");
 export const logOut = createAction("auth/logOut");
 
+export const setLanguage = createAction<string>("settings/setLanguage");
+export const loadLanguage = createAction("settings/loadLanguage");
+
 export const store = configureStore({
   reducer: {
     // Add the generated reducer as a specific top-level slice
@@ -51,6 +63,20 @@ export const store = configureStore({
         state.user = null;
       });
     }),
+    settings: createReducer(initialSettingsState, (builder) => {
+      builder.addCase(setLanguage, (state, action) => {
+        state.language = action.payload || "en";
+        localStorage.setItem("language", action.payload || "en");
+      });
+      builder.addCase(loadLanguage, (state) => {
+        const language: string | null = localStorage.getItem("language");
+        if (language) {
+          state.language = language;
+        } else {
+          state.language = "en";
+        }
+      });
+    }),
   },
   // Adding the api middleware enables caching, invalidation, polling,
   // and other useful features of `rtk-query`.