From c3160b75f6933f0abe7275a7f475ed5ac66bb014 Mon Sep 17 00:00:00 2001
From: Ethan Auyeung <ethana2442@gmail.com>
Date: Sun, 21 Apr 2024 22:12:57 -0700
Subject: [PATCH] rebase

---
 src/app/cart/styles.tsx                    |  2 +-
 src/app/orderConfirmationDelivery/page.tsx | 25 ++++++++++++++++++++--
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/app/cart/styles.tsx b/src/app/cart/styles.tsx
index b9593f7..d593e5d 100644
--- a/src/app/cart/styles.tsx
+++ b/src/app/cart/styles.tsx
@@ -61,7 +61,7 @@ export const Backtext = styled.p`
 export const TrashIcon = styled(Trash2)`
   width: 30px;
   height: 30px;
-  color: navy;
+  color: ${COLORS.navy};
   margin-right: 30px;
   margin-left: 50px;
   margin-top: 28px;
diff --git a/src/app/orderConfirmationDelivery/page.tsx b/src/app/orderConfirmationDelivery/page.tsx
index 690624e..6a98e60 100644
--- a/src/app/orderConfirmationDelivery/page.tsx
+++ b/src/app/orderConfirmationDelivery/page.tsx
@@ -18,6 +18,7 @@ import {
   DeliveryTimes,
   fetchDeliveryTimes,
 } from '@/api/supabase/queries/delivery_queries';
+import { BackButtonDiv } from '../orderConfirmationPickUp/styles';
 import BackButton from '../../components/BackButton/BackButton';
 
 import { fetchCartItemsWithQuantityByID } from '../../api/supabase/queries/cart_queries';
@@ -102,6 +103,9 @@ export default function OrderConfirmationDelivery() {
       <NavBar />
       <CenterDiv>
         <PageDiv>
+          <BackButtonDiv>
+            <BackButton destination="./storefront" />
+          </BackButtonDiv>
           <BottomColumnDiv>
             <LeftColumnDiv>
               <BackButton destination="./storefront" />
@@ -121,8 +125,25 @@ export default function OrderConfirmationDelivery() {
                         }}
                       />
                       <LabelBox>
-                        <Body1Bold>{cartItem.name}</Body1Bold>
-                        <Body2Light>Category: {cartItem.category}</Body2Light>
+                        <div>
+                          <span
+                            style={{
+                              display: 'inline-block',
+                              fontWeight: 'bold',
+                              marginRight: '4px',
+                            }}
+                          >
+                            Quantity:
+                          </span>
+                          <span
+                            style={{
+                              display: 'inline-block',
+                              fontSize: '16px',
+                            }}
+                          >
+                            {cartItem.quantity}
+                          </span>
+                        </div>
                       </LabelBox>
                       <Quantity>
                         <Body2>