From 596cd110e3e83311ac96ef5be845e03776eaefd5 Mon Sep 17 00:00:00 2001
From: Monique Cheng <monique.mc@berkeley.edu>
Date: Sun, 7 Apr 2024 16:57:01 -0700
Subject: [PATCH] fix: prettier eslint

---
 src/app/orderConfirmationDelivery/page.tsx  | 95 +++++++++------------
 src/app/orderConfirmationDelivery/styles.ts |  7 +-
 2 files changed, 44 insertions(+), 58 deletions(-)

diff --git a/src/app/orderConfirmationDelivery/page.tsx b/src/app/orderConfirmationDelivery/page.tsx
index ecc19109..18239809 100644
--- a/src/app/orderConfirmationDelivery/page.tsx
+++ b/src/app/orderConfirmationDelivery/page.tsx
@@ -24,7 +24,6 @@ import {
   RightColumnDiv,
   DetailsHeader,
   PageDiv,
-  TopColumnDiv,
   CenterDiv,
 } from './styles';
 
@@ -57,59 +56,49 @@ export default function OrderConfirmationDelivery() {
     <main>
       <NavBar />
       <CenterDiv>
-      <PageDiv>
-        <BottomColumnDiv>
-        <LeftColumnDiv>
-        <BackButton destination="./storefront" />
-          <Heading3Bold>
-            Your order has been submitted
-          </Heading3Bold>
-          <OutterFavoriteDiv>
-            <Heading4Bold>Order No. {user?.cart_id}</Heading4Bold>
-            <ScrollDiv>
-              {Cart.map(cartItem => (
-                <FavoriteDiv key={cartItem.id}>
-                  <img
-                    src={cartItem.photo}
-                    alt={cartItem.name}
-                    style={{
-                      width: '150px',
-                      height: '150px',
-                      marginLeft: '30px',
-                    }}
-                  />
-                  <LabelBox>
-                    <Body1Bold>{cartItem.name}</Body1Bold>
-                    <Body2Light>Category: {cartItem.category}</Body2Light>
-                  </LabelBox>
-                </FavoriteDiv>
-              ))}
-            </ScrollDiv>
-          </OutterFavoriteDiv>
-        </LeftColumnDiv>
-        <RightColumnDiv>
-          <ShippingDetailsDiv>
-            <Heading3Bold>
-              Delivery Information
-            </Heading3Bold>
-            <DetailsHeader>
-              Estimated Date
-            </DetailsHeader>
-            <Body1>
-              date
-            </Body1>
-            <DetailsHeader>
-              Location
-            </DetailsHeader>
-              <Body1>
-              {userAddress?.street}, {userAddress?.city},{' '} {userAddress?.zipcode}
-              </Body1>
-          </ShippingDetailsDiv>
-        </RightColumnDiv>
-      </BottomColumnDiv>
-      </PageDiv>
+        <PageDiv>
+          <BottomColumnDiv>
+            <LeftColumnDiv>
+              <BackButton destination="./storefront" />
+              <Heading3Bold>Your order has been submitted</Heading3Bold>
+              <OutterFavoriteDiv>
+                <Heading4Bold>Order No. {user?.cart_id}</Heading4Bold>
+                <ScrollDiv>
+                  {Cart.map(cartItem => (
+                    <FavoriteDiv key={cartItem.id}>
+                      <img
+                        src={cartItem.photo}
+                        alt={cartItem.name}
+                        style={{
+                          width: '150px',
+                          height: '150px',
+                          marginLeft: '30px',
+                        }}
+                      />
+                      <LabelBox>
+                        <Body1Bold>{cartItem.name}</Body1Bold>
+                        <Body2Light>Category: {cartItem.category}</Body2Light>
+                      </LabelBox>
+                    </FavoriteDiv>
+                  ))}
+                </ScrollDiv>
+              </OutterFavoriteDiv>
+            </LeftColumnDiv>
+            <RightColumnDiv>
+              <ShippingDetailsDiv>
+                <Heading3Bold>Delivery Information</Heading3Bold>
+                <DetailsHeader>Estimated Date</DetailsHeader>
+                <Body1>date</Body1>
+                <DetailsHeader>Location</DetailsHeader>
+                <Body1>
+                  {userAddress?.street}, {userAddress?.city},{' '}
+                  {userAddress?.zipcode}
+                </Body1>
+              </ShippingDetailsDiv>
+            </RightColumnDiv>
+          </BottomColumnDiv>
+        </PageDiv>
       </CenterDiv>
-
     </main>
   );
 }
diff --git a/src/app/orderConfirmationDelivery/styles.ts b/src/app/orderConfirmationDelivery/styles.ts
index 107538f9..e72f1ef1 100644
--- a/src/app/orderConfirmationDelivery/styles.ts
+++ b/src/app/orderConfirmationDelivery/styles.ts
@@ -130,8 +130,6 @@ export const HeaderText = styled.h3`
   line-height: normal;
 `;
 
-
-
 export const ShippingDetailsDiv = styled.div`
   display: flex;
   flex-direction: column;
@@ -149,13 +147,12 @@ export const ShippingDetailsDiv = styled.div`
 `;
 
 export const DetailsHeader = styled.p`
-color: var(--Navy, #1B3679);
+  color: var(--Navy, #1b3679);
   font-family: Public Sans, sans-serif;
   font-size: 20px;
   font-style: normal;
   font-weight: 700;
   line-height: normal;
-
 `;
 
 export const DetailsText = styled.p`
@@ -239,4 +236,4 @@ export const WhiteBackgroundDiv = styled.div`
   padding-top: 20px;
 
   box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);
-`;
\ No newline at end of file
+`;