aswi2022code-of-duty-gitlab/frontend/src/features/Theme/themeReducer.ts @ 846f4f3c

import { createTheme, Theme } from '@mui/material/styles'
import { AnyAction } from 'redux'
import { persist } from '../../utils/statePersistence'

export interface ThemeState {
    theme: Theme
    themeType: 'Light' | 'Dark'
}

const statePersistName = 'theme'

const initialTheme = createTheme({
    palette: {
        mode: 'light'
    }
})
const initialState: ThemeState = {
    theme: initialTheme,
    themeType: 'Light',
}

export enum ThemeStateActions {
    TOGGLE_THEME = 'TOGGLE_THEME',
    SET_LIGHT_MODE = 'SET_LIGHT_MODE',
    SET_DARK_MODE = 'SET_DARK_MODE',
}

const themeReducer = (state: ThemeState = initialState, action: AnyAction) => {
    // TODO add all the actions
    switch (action.type) {
        case ThemeStateActions.TOGGLE_THEME:
            return persist(statePersistName, state)

        default:
            return state
    }
}

export default themeReducer