Feature: State Management - Create a Reducer for Toppings

[larkinds]

Overview
When a user adds a topping to the cart in the Single Product Page or the Hall of Fame Page, that data should be reflected in the cart and eventually checkout. When a user edits the quantity of their selection in the cart, or deletes an item altogether, that should be reflected in the rest of the cart page. Upon navigating to checkout, all changes along the way should be reflected.

Action

• Create a topping’s reducer, and import it into the highest level of the app (main.tsx)
  • The reducer should have the capability add a topping to state (of the reducer)
  • The reducer should have the capability edit the amount of a topping in state (of the reducer)
  • The reducer should have the capability to delete a topping from state (of the reducer)
• Pass the reducer’s state and dispatch methods to the component’s that need access (single-product page, cart, checkout)
• Write documentation on the reducer’s actions & how to use them in Notion

Resources
React's Guide to useReducer