Cart.js

const Cart = ({items}) => {
 
  const dispatch = useDispatch()
  const isLoggedIn = useSelector((state) => state.account.isLoggedIn)
  
  const clearCart = () => {
    dispatch(reduxActionToClearCart())
  }
  
  if(!isLoggedIn){
    return <LoginPrompt/>
  }
  
  return(
    <div>
      <div>
      {items.map(({price, name}) => {
        return(
          <ItemDisplay price={price} name={name}/>  
        )
      })
      <button onClick={() => clearCart()}>Clear Cart</button>
      </div>
    </div>
  )
}