aswi2022code-of-duty-gitlab/frontend/src/features/Auth/userSlice.ts @ 0d90d67b

import { createSlice } from '@reduxjs/toolkit'
import { persistReducer } from 'redux-persist'
import storage from 'redux-persist/lib/storage'
import { logIn } from './userThunks'

export interface UserState {
    accessToken?: string
    refreshToken?: string
    username: string
    roles: string[]
    isLoggedIn: boolean
    lastErr?: string // consumable for errors during thunks
}

const persistConfig = {
    key: 'auth',
    storage, // localStorage for browsers
}

// Default state when user first starts the application
const initialState: UserState = {
    roles: [],
    isLoggedIn: false,
    username: '',
}

export const userSlice = createSlice({
    name: 'user', // name to generate action types

    initialState, // default state

    // Reducers that update the state
    reducers: {
        logout: () => initialState, // Reset to the inital state
        refreshTokens: (state, action) => ({
            ...state,
            accessToken: action.payload.accessToken,
            refreshToken: action.payload.refreshToken,
        }),
        setErr: (state, action) => ({
            ...state,
            lastErr: action.payload,
        }),
        setUserState: (state, action) => {
            return ({ ...state, ...action.payload })
        },
    },

    // Thunks
    extraReducers: (builder) => {
        builder.addCase(logIn.fulfilled, (state, action) => {
            return ({ ...state, ...action.payload })
        })
        builder.addCase(logIn.rejected, (state, action) => {
            if (action.payload && typeof action.error.message === 'string') {
                return ({ ...state, lastErr: action.error.message })
            }
        })
    },
})


const userReducer = persistReducer(persistConfig, userSlice.reducer)

export const { logout, refreshTokens, setErr, setUserState } = userSlice.actions

export default userReducer