aswi2022code-of-duty-gitlab/frontend/src/features/Auth/userSlice.ts @ 8370b6c1

import { createSlice, PayloadAction } 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,
        }),
    },

    // Thunks
    extraReducers: (builder) => {
        builder.addCase(logIn.fulfilled, () => {
            console.log('Action performed') // TODO remove
        }) // TODO funny
    },
})

const userReducer = persistReducer(persistConfig, userSlice.reducer)

export default userReducer