-
Notifications
You must be signed in to change notification settings - Fork 4
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
Conversation
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
너무 좋고 빠르고 명확한 코드였습니다! :)
display: flex; | ||
flex-direction: column; | ||
align-items: center; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
요기 mixin 써주면 좋을 것 같아용!
<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> |
There was a problem hiding this comment.
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` |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
article도 좋을 것 같아요!
이슈 넘버
구현 사항
Need Review
GiftHomeDetail.styled.ts
)을 적용했습니다!component/common/MiniTimer
에 분리했습니다!