Change language working partially

Not all translatinos are updated

src/utils/slices/settingsSlice.ts

@@ -0,0 +1,77 @@
+import { createAsyncThunk, createSlice, PayloadAction } from '@reduxjs/toolkit'
+
+import { RootState } from 'src/store'
+// import client from 'src/api/client'
+
+export type SettingsState = {
+  language: 'zh' | 'en' | undefined
+}
+
+const initialState = {
+  language: undefined
+}
+
+// export const updateLocal = createAsyncThunk(
+//   'instances/updateLocal',
+//   async ({
+//     url,
+//     token
+//   }: {
+//     url?: InstancesState['local']['url']
+//     token?: InstancesState['local']['token']
+//   }) => {
+//     if (!url || !token) {
+//       return initialStateLocal
+//     }
+
+//     const {
+//       body: { id }
+//     } = await client({
+//       method: 'get',
+//       instance: 'remote',
+//       instanceUrl: url,
+//       endpoint: `accounts/verify_credentials`,
+//       headers: { Authorization: `Bearer ${token}` }
+//     })
+
+//     const { body: preferences } = await client({
+//       method: 'get',
+//       instance: 'remote',
+//       instanceUrl: url,
+//       endpoint: `preferences`,
+//       headers: { Authorization: `Bearer ${token}` }
+//     })
+
+//     return {
+//       url,
+//       token,
+//       account: {
+//         id,
+//         preferences
+//       }
+//     }
+//   }
+// )
+
+const settingsSlice = createSlice({
+  name: 'settings',
+  initialState: initialState as SettingsState,
+  reducers: {
+    changeLanguage: (
+      state,
+      action: PayloadAction<NonNullable<SettingsState['language']>>
+    ) => {
+      state.language = action.payload
+    }
+  }
+  // extraReducers: builder => {
+  //   builder.addCase(updateLocal.fulfilled, (state, action) => {
+  //     state.local = action.payload
+  //   })
+  // }
+})
+
+export const getSettingsLanguage = (state: RootState) => state.settings.language
+
+export const { changeLanguage } = settingsSlice.actions
+export default settingsSlice.reducer