Skip to content

Commit

Permalink
fix: prettier eslint
Browse files Browse the repository at this point in the history
  • Loading branch information
Monique Cheng committed Apr 7, 2024
1 parent 03ed547 commit 596cd11
Show file tree
Hide file tree
Showing 2 changed files with 44 additions and 58 deletions.
95 changes: 42 additions & 53 deletions src/app/orderConfirmationDelivery/page.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,7 +24,6 @@ import {
RightColumnDiv,
DetailsHeader,
PageDiv,
TopColumnDiv,
CenterDiv,
} from './styles';

Expand Down Expand Up @@ -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>
);
}
7 changes: 2 additions & 5 deletions src/app/orderConfirmationDelivery/styles.ts
Original file line number Diff line number Diff line change
Expand Up @@ -130,8 +130,6 @@ export const HeaderText = styled.h3`
line-height: normal;
`;



export const ShippingDetailsDiv = styled.div`
display: flex;
flex-direction: column;
Expand All @@ -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`
Expand Down Expand Up @@ -239,4 +236,4 @@ export const WhiteBackgroundDiv = styled.div`
padding-top: 20px;
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.1);
`;
`;

0 comments on commit 596cd11

Please sign in to comment.