aswi2022code-of-duty-gitlab/frontend/src/features/Auth/userSlice.ts @ 37f6ff02

import { createSlice, PayloadAction } from '@reduxjs/toolkit'
import { persistReducer } from 'redux-persist'
import storage from 'redux-persist/lib/storage'

export interface UserState {
    accessToken?: string
    refreshToken?: string
    username: string
    roles: string[]
    isLoggedIn: boolean
}

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: () => {
            return initialState // Reset to the inital state
        },
        refreshTokens: (state, action) => {
            return {
                ...state,
                accessToken: action.payload.accessToken,
                refreshToken: action.payload.refreshToken,
            }
        },
    },

    // For thunks (async operations)
    extraReducers: {},
})

const userReducer = persistReducer(persistConfig, userSlice.reducer)
export default userReducer