Show Update Cart Errors In Cart Drawer

[danielcliu-ifixit]

Overview

We sometimes can have things error out when trying to update the cart. We would roll back the cart but not change anything, and not tell our user that anything wrong happened. Now we give some visual feedback that there was an error updating the cart in the cart drawer.

QA

When we have an error updating the cart (adding a bad product, product is out of inventory, etc) we now display an error message in the cart drawer. The error message is closable, and also disappears after an alloted time.

Also, the checkout errors also still display as expected.

Closes: https://github.com/iFixit/ifixit/issues/51213

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
react-commerce	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 12, 2024 10:18am
react-commerce-prod	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 12, 2024 10:18am

[ghost]

👇 Click on the image for a new way to code review

#### [](https://app.codesee.io/r/reviews?pr=2202&src=https%3A%2F%2Fgithub.com%2FiFixit%2Freact-commerce) #### Legend

[github-actions[bot]]

📦 Next.js Bundle Analysis for @ifixit/commerce-frontend

This analysis was generated by the Next.js Bundle Analysis action. 🤖

This PR introduced no changes to the JavaScript bundle! 🙌

[danielcliu-ifixit]

@dhmacs that is a cleaner implementation, thanks for the advice!

Closing in favor of using hte cart drawer context instead.