aswi2022code-of-duty-gitlab/frontend/src/features/Catalog/catalogSlice.tsx @ 0d90d67b

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
    filterOpen: boolean
    loading: boolean // whether the catalog is loading
    error?: string
    rowsPerPage: number
    rowsPerPageOptions: any[]
}

export const ShowAllItemsOption = 'All'

const initialState: CatalogState = {
    items: [],
    filter: {},
    filterOpen: false,
    loading: true,
    error: undefined,
    rowsPerPage: 20,
    rowsPerPageOptions: [5, 10, 20, 50, 100, 1000, ShowAllItemsOption],
}

const catalogSlice = createSlice({
    name: 'catalog',
    initialState,
    reducers: {
        setFilter: (state, action) => ({
            ...state,
            filter: { ...action.payload },
        }),
        clearFilter: (state, action) => ({
            ...state,
            loading: true,
            filter: {},
        }),
        setFilterOpen: (state, action) => ({
            ...state,
            filterOpen: action.payload,
        }),
        clear: (state) => ({ ...initialState }),
        setLoading: (state) => ({ ...state, loading: true }),
        consumeError: (state) => ({ ...state, error: undefined }),
        setRowsPerPage: (state, action) => ({
            ...state,
            rowsPerPage: action.payload,
        }),
    },
    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.error.message as string,
        }))
    },
})

export const {
    setFilter,
    clearFilter,
    setFilterOpen,
    clear,
    setLoading,
    consumeError,
    setRowsPerPage,
} = catalogSlice.actions
const reducer = catalogSlice.reducer
export default reducer