fixed inconsistent styles on shop pages

[sonylomo]

Description

Given the Shop pages below a facelift like the Designers intended 🙂.

• /shop
• /shop/item/7
• /shop/checkout

Tasks

• [x] Fix inconsistent styles

Add API integration to (they're not functional atm bc I need data to test them out first):

• [x] Add to Cart
• [x] Orders
• [x] Products

⚠️ Blocker

I need dummy data from the database to test out the API endpoints and fix any problematic user flow.

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
syt-web-redesign	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jan 15, 2024 8:06am

[sonylomo]

Have some questions about the flow of the shops:

1. What's the use case for the /orders and /cart/swaggs/(categories) endpoint? Which one should be used for fetching "popular items" and all other products on the shop home page.
2. There's a lot of disparity between what the endpoints should be fetching and what's in the designs e.g: orders/{orders_pk}/items/ doesn't have color option and order description. This isn't that important atm, as long as we have some dummy data to work with first.
3. Which endpoint fetches this part in the cart view?

[JimmyTron]

Have some questions about the flow of the shops:

1. What's the use case for the /orders and /cart/swaggs/(categories) endpoint? Which one should be used for fetching "popular items" and all other products on the shop home page.
2. There's a lot of disparity between what the endpoints should be fetching and what's in the designs e.g: orders/{orders_pk}/items/ doesn't have color option and order description. This isn't that important atm, as long as we have some dummy data to work with first.
3. Which endpoint fetches this part in the cart view?

@hellen-22 help out with these clarifications

[hellen-22]

Have some questions about the flow of the shops:

1. What's the use case for the /orders and /cart/swaggs/(categories) endpoint? Which one should be used for fetching "popular items" and all other products on the shop home page.
2. There's a lot of disparity between what the endpoints should be fetching and what's in the designs e.g: orders/{orders_pk}/items/ doesn't have color option and order description. This isn't that important atm, as long as we have some dummy data to work with first.
3. Which endpoint fetches this part in the cart view?

@hellen-22 help out with these clarifications

/orders/ displays customers order.(contains a list of all order).

/orders/id/items displays order items of an order.

/cart/swaggs displays a customers cart.(contains a list of all cart items in a cart)

To fetch all other products you use /swaggs.

We will add the color and description options on order items. We will also add the "you might love" part.