aswi2022code-of-duty-gitlab/frontend/src/features/Catalog/catalogSlice.tsx @ 394f2d16

import { createSlice } from '@reduxjs/toolkit'
import { CatalogItemDto } from '../../swagger/data-contracts'
import { fetchItems } from './catalogThunks'

export interface CatalogFilter {
    name?: string
    type?: string
    country?: string
}

export interface CatalogState {
    items: CatalogItemDto[] // list of all fetched items
    filter: CatalogFilter // filter object
    loading: boolean // whether the catalog is loading
    error?: string
}

const initialState: CatalogState = {
    items: [],
    filter: {},
    loading: true,
    error: undefined,
}

const catalogSlice = createSlice({
    name: 'catalog',
    initialState,
    reducers: {
        setCatalogFilter: (state, action) => ({
            ...state,
            catalogFilter: action.payload.catalogFilter,
        }),
        clearFilter: (state, action) => ({
            ...state,
            loading: true,
            catalogFilter: {},
        }),
        clear: (state) => ({ ...initialState }),
        setLoading: (state) => ({ ...state, loading: true }),
        consumeError: (state) => ({ ...state, error: undefined }),
    },
    extraReducers: (builder) => {
        builder.addCase(fetchItems.pending, (state) => ({
            ...state,
            loading: true,
        }))
        builder.addCase(fetchItems.fulfilled, (state, action) => ({
            ...state,
            items: action.payload,
            loading: false,
        }))
        builder.addCase(fetchItems.rejected, (state, action) => ({
            ...state,
            loading: false,
            error: action.payload as string,
        }))
    },
})

export const { setCatalogFilter, clearFilter, clear, setLoading, consumeError } = catalogSlice.actions
const reducer = catalogSlice.reducer
export default reducer