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

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'
    },
    typography: {
        fontFamily: [
      '-apple-system',
      'BlinkMacSystemFont',
      '"Segoe UI"',
      'Roboto',
      '"Helvetica Neue"',
      'Arial',
      'sans-serif',
      '"Apple Color Emoji"',
      '"Segoe UI Emoji"',
      '"Segoe UI Symbol"',
    ].join(','),
    }
})
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