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

[선물홈 세부 페이지] 친구 등록, 2030 세부 페이지 UI 구현 #51

Merged
merged 13 commits into from
Jan 9, 2024

Conversation

urjimyu
Copy link
Contributor

@urjimyu urjimyu commented Jan 9, 2024

이슈 넘버

구현 사항

  • 친구가 등록한 선물 세부페이지 UI
  • 2030 세부페이지 UI
  • 세부페이지 공통 스타일 파일 분리
  • 미니타이머 공통으로 분리

Need Review

  • 두 세부페이지가 스타일이 완전히 동일하고 띄우는 아이템만 달라서 공통 스타일(GiftHomeDetail.styled.ts)을 적용했습니다!
  • 미니 타이머는 링크 등록 플로우에서도 사용되므로 공통으로 component/common/MiniTimer에 분리했습니다!

@urjimyu urjimyu added 기능구현 feat💡 기능 구현 common 📦 공통 컴포넌트 세부페이지 📄 세부 페이지 labels Jan 9, 2024
@urjimyu urjimyu self-assigned this Jan 9, 2024
Copy link

github-actions bot commented Jan 9, 2024

PR Preview Action v1.4.6
🚀 Deployed preview to https://SWEET-DEVELOPERS.github.io/sweet-client/pr-preview/pr-51/
on branch gh-pages at 2024-01-09 09:51 UTC

Copy link
Member

@imeureka imeureka 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 6 to 8
display: flex;
flex-direction: column;
align-items: center;
Copy link
Member

Choose a reason for hiding this comment

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

요기 mixin 써주면 좋을 것 같아용!

Comment on lines +15 to +22
<S.GiftsItemWrapper>
<S.GiftsItemImage></S.GiftsItemImage>
<S.GiftsItemTitle>어센틱 로고 후디 멜란지 그레이</S.GiftsItemTitle>
<S.GiftsItemPrice>{price}원</S.GiftsItemPrice>
<S.GiftsItemUser>
{name} | 인당 {Math.floor(price / people)}원
</S.GiftsItemUser>
</S.GiftsItemWrapper>
Copy link
Member

Choose a reason for hiding this comment

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

컴포넌트를 분리할 수 있다면 분리하자! 라는 마인드의 관점도 추천드립니다! minitimer 부분 처리하는 컴포넌트와 지금 아이템 데이터패칭 부분이 지금 코드에선 같이 존재하니까 이 부분 분리하는 것도 더 좋은 관심사의 분리가 될 수 있을 것 같아 의견을 제시해보아용!

background-color: ${({ theme }) => theme.colors.white};
`;

export const GiftHomeDetailWrapper = styled.div`
Copy link
Member

Choose a reason for hiding this comment

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

article도 좋을 것 같아요!

@urjimyu urjimyu merged commit 7077474 into develop Jan 9, 2024
1 check failed
@urjimyu urjimyu deleted the feat/#46-gift-detail-ui branch February 6, 2024 10:00
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
common 📦 공통 컴포넌트 feat💡 기능 구현 세부페이지 📄 세부 페이지
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[선물홈 세부페이지] 친구 등록, 2030 세부 페이지 UI 구현
4 participants