Front: settings persistance (#108)

* Front: Add peristance dependencies

* Front: Fix Cross-platform persistance

* Front: Create Settings Slice

* Front: Use Redux State for settings

* Front: Check if access token is still valid

* Front: Create Language Gate to set correct language at startup

* Front: BEtter handling of Access Token validity
This commit is contained in:
Arthur Jamet
2022-11-26 14:18:06 +00:00
committed by GitHub
parent 8546c86332
commit 55526dbadc
10 changed files with 179 additions and 47 deletions
+22 -5
View File
@@ -1,14 +1,30 @@
import userReducer from '../state/UserSlice';
import settingsReduder from '../state/SettingsSlice';
import { configureStore } from '@reduxjs/toolkit';
import languageReducer from './LanguageSlice';
import { TypedUseSelectorHook, useDispatch as reduxDispatch, useSelector as reduxSelector } from 'react-redux'
import { persistStore, persistCombineReducers, FLUSH, PAUSE, PERSIST, PURGE, REGISTER, REHYDRATE } from "redux-persist";
import AsyncStorage from '@react-native-async-storage/async-storage';
const store = configureStore({
reducer: {
const persistConfig = {
key: 'root',
storage: AsyncStorage
}
let store = configureStore({
reducer: persistCombineReducers(persistConfig, {
user: userReducer,
language: languageReducer
},
language: languageReducer,
settings: settingsReduder
}),
middleware: (getDefaultMiddleware) =>
getDefaultMiddleware({
serializableCheck: {
ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],
},
}),
})
let persistor = persistStore(store);
// Infer the `RootState` and `AppDispatch` types from the store itself
export type RootState = ReturnType<typeof store.getState>
@@ -18,4 +34,5 @@ export type AppDispatch = typeof store.dispatch;
export const useDispatch: () => AppDispatch = reduxDispatch
export const useSelector: TypedUseSelectorHook<RootState> = reduxSelector
export default store
export default store
export { persistor }