| // src/slices/recipes.js | |
| import { createSlice } from '@reduxjs/toolkit' | |
| export const initialState = { | |
| loading: false, | |
| hasErrors: false, | |
| recipes: [], | |
| } | |
| // A slice for recipes with our 3 reducers | |
| const recipesSlice = createSlice({ | |
| name: 'recipes', | |
| initialState, | |
| reducers: { | |
| getRecipes: state => { | |
| state.loading = true | |
| }, | |
| getRecipesSuccess: (state, { payload }) => { | |
| state.recipes = payload | |
| state.loading = false | |
| state.hasErrors = false | |
| }, | |
| getRecipesFailure: state => { | |
| state.loading = false | |
| state.hasErrors = true | |
| }, | |
| }, | |
| }) | |
| // The reducer | |
| export default recipesSlice.reducer |