Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[GGFE-145] 상점 구매페이지 #913

Merged
merged 8 commits into from
Aug 4, 2023
Merged

Conversation

hyobb109
Copy link
Member

@hyobb109 hyobb109 commented Aug 3, 2023

📌 개요

  • 상점 페이지 구매 가능 아이템 목록

💻 작업사항

  • useMockAxiosGet 사용하여 아이템 리스트를 받아옴
  • 아이템 카드 컴포넌트에서 아이템 별 상세 정보 띄움
  • 선물, 구매 버튼 클릭시 각 모달 띄워줌
  • CSS 디자인 논의 후 추후 수정 필요할 것 같습니다

Copy link
Contributor

@PHJoon PHJoon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

상점 화면 예쁘게 잘 보입니다! 아이템들 잘 나오고 스크롤도 잘 됩니다! 나중에 구매하기와 선물하기 모달에 문구 들어갈 공간만 추가되면 되겠네요! 고생하셨습니다!!

Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

나중에 선물받는 유저 검색하는 기능만 추가하면 되겠네요!

@yoouyeon yoouyeon changed the title Ggfe 145 상점 구매페이지 [GGFE-145] 상점 구매페이지 Aug 4, 2023
Copy link
Member

@yoouyeon yoouyeon left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

카드 디자인은 말씀해주신대로 다같이 한번 고민해봐야 할 것 같아요 ㅎㅎ 👍👍 수고하셨습니다!!!

Comment on lines 28 to 39
<div className={styles.badge}>{item.discount}%</div>
</div>
<div className={styles.details}>
<div className={styles.itemPriceTag}>
<div className={styles.title}>
<h4>{item.itemName}</h4>
</div>
<div className={styles.priceTags}>
<h5 className={styles.originalPrice}>${item.price}</h5>
<h5 className={styles.discountedPrice}>${item.salePrice}</h5>
</div>
</div>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

세일을 하지 않는 경우에는 뱃지를 빼고 가격은 원래 가격만 나오는 것도 좋을 것 같아요!!

Comment on lines +14 to +16
price: 1000,
discount: 10,
salePrice: 900,
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

세일을 하지 않는 경우에는 응답이 어떻게 오게 되나요???

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

discount가 0이면 salePrice랑 Price가 같아지게 될 것 같은데 한번 확인해보겠습니다!

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

조건문으로 세일 여부 확인하여 스타일 다르게 적용되도록 수정했습니다~

@hyobb109 hyobb109 merged commit aa01bdc into main Aug 4, 2023
@hyobb109 hyobb109 deleted the GGFE-145-상점-구매페이지 branch August 4, 2023 03:08
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants