Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 | 4x 4x 4x 4x 4x 4x 4x 4x 16x | import {
setTheme,
setLanguage,
setViewMode,
setFontSize,
setDataSource,
} from '@/store/reducers/settings/settings-actions';
import { Action } from '@/helpers/actionHelper';
import { ThemeMode, Language, ViewMode, FontSize, DataSource } from '@/enums/settings';
export interface SettingsState {
theme: ThemeMode;
language: Language;
viewMode: ViewMode;
fontSize: FontSize;
dataSource: DataSource;
}
const initialState: SettingsState = {
theme: ThemeMode.Dark,
language: Language.English,
viewMode: ViewMode.List,
fontSize: FontSize.Large,
dataSource: DataSource.ReduxSaga,
};
type SettingsAction = Action<ThemeMode | Language | ViewMode | FontSize | DataSource>;
const _setTheme = (state: SettingsState, action: SettingsAction): SettingsState => ({
...state,
theme: action.payload as ThemeMode,
});
const _setLanguage = (state: SettingsState, action: SettingsAction): SettingsState => ({
...state,
language: action.payload as Language,
});
const _setViewMode = (state: SettingsState, action: SettingsAction): SettingsState => ({
...state,
viewMode: action.payload as ViewMode,
});
const _setFontSize = (state: SettingsState, action: SettingsAction): SettingsState => ({
...state,
fontSize: action.payload as FontSize,
});
const _setDataSource = (state: SettingsState, action: SettingsAction): SettingsState => ({
...state,
dataSource: action.payload as DataSource,
});
type ReducerMap = {
[key: string]: (state: SettingsState, action: SettingsAction) => SettingsState;
};
const reducers: ReducerMap = {
[setTheme.type]: _setTheme,
[setLanguage.type]: _setLanguage,
[setViewMode.type]: _setViewMode,
[setFontSize.type]: _setFontSize,
[setDataSource.type]: _setDataSource,
};
const settingsReducer = (state = initialState, action: SettingsAction): SettingsState =>
reducers[action.type] ? reducers[action.type](state, action) : state;
export default settingsReducer;
|