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

[FE] refactor: 홈 화면 변경 #628

Merged
merged 24 commits into from
Sep 15, 2023
Merged

[FE] refactor: 홈 화면 변경 #628

merged 24 commits into from
Sep 15, 2023

Conversation

hae-on
Copy link
Collaborator

@hae-on hae-on commented Sep 14, 2023

Issue

✨ 구현한 기능

홈페이지 배너 적용
카테고리 디자인 변경
꿀조합 랭킹 컴포넌트 디자인 변경

스크린샷 2023-09-14 오후 3 06 21

📢 논의하고 싶은 내용

중간에 빠진 부분이 있으면 말씀해주세요.
정신 없이 해서 백퍼 있을 거 같음,,,

아직 카테고리 클릭 시 넘어가는 건 구현 안했습니다.
카테고리 로직이 바뀐 거 같아서 그거 머지되면 시작할게요!
근데 어떻게 해야할 지 감이 안오는데 혹시 좋은 아이디어 있으신분은 적어주세욤

🎸 기타

x

⏰ 일정

  • 추정 시간 : 6시간
  • 걸린 시간 : 6시간

@github-actions
Copy link

github-actions bot commented Sep 14, 2023

Unit Test Results

8 tests   8 ✔️  7s ⏱️
3 suites  0 💤
1 files    0

Results for commit d6b0b9f.

♻️ This comment has been updated with latest results.

Copy link
Collaborator

@Leejin-Yang Leejin-Yang 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 11 to 19
const menuList = Array.from({ length: MENU_LENGTH }, (_, index) => ({
name: MENU_NAME[index],
image: MENU_IMAGES[index],
}));

const storeList = Array.from({ length: STORE_LENGTH }, (_, index) => ({
name: STORE_NAMES[index],
image: STORE_IMAGES[index],
}));
Copy link
Collaborator

Choose a reason for hiding this comment

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

상수니까 컴포넌트 위로 빼주세요!

}

const PBProductList = ({ isHomePage }: PBProductListProps) => {
const PBProductList = () => {
Copy link
Collaborator

Choose a reason for hiding this comment

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

덜어낸거 👍👍👍

Copy link
Collaborator

@xodms0309 xodms0309 left a comment

Choose a reason for hiding this comment

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

수고했어요 해옹 홈 페이지 너무 깔꼼해졌네요~~~

@@ -38,7 +38,9 @@ export default Carousel;

const CarouselContainer = styled.div`
display: flex;
width: ${CAROUSEL_WIDTH}px;
width: 100%;
Copy link
Collaborator

Choose a reason for hiding this comment

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

굿!

return (
<CategoryItemContainer variant="transparent">
<ImageWrapper>
<img src={image} width={60} height={60} alt="카테고리" />
Copy link
Collaborator

Choose a reason for hiding this comment

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

alt에 {name}카테고리로 하는건 어떨까요??

Copy link
Collaborator

@xodms0309 xodms0309 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
Collaborator

@Leejin-Yang Leejin-Yang left a comment

Choose a reason for hiding this comment

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

수고했어요 해온 👍

@hae-on hae-on merged commit 9b413fa into develop Sep 15, 2023
3 checks passed
@hae-on hae-on deleted the feat/issue-609 branch September 15, 2023 01:53
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[FE] 홈 화면 변경
3 participants