-
Notifications
You must be signed in to change notification settings - Fork 5
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
버튼 컴포넌트 수정 (Issue #179) #286
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.
프룬 너무 고생많으셨습니다 👍🏻 깔끔하게 잘 짜주신 것 같아요 ㅎㅎ 앞으로 잘 활용하겠습니다
코멘트 짧게 몇개만 남겨보았습니다 ㅎㅎ
} | ||
|
||
const buttonSize = (size: ButtonSize) => { | ||
switch (size) { | ||
case 'half': |
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.
[A]
하드코딩하면 철자 실수가 발생할 수도 있으니 variant들을 상수화해서 사용해도 좋을 것 같아요!
@@ -38,30 +24,6 @@ export const getMissionById = async (id: number): Promise<MissionWithDescription | |||
return mission; | |||
}; | |||
|
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.
[C]
아래 친구들은 삭제된 건가요~? 😯
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.
네~ 기획 변경 전 미션 현황 페이지의 배너에서 사용되었던 '리뷰 완료 알림' '진행 중인 미션' '완료한 미션' API 입니다! submission 관련 API가 이제 쓰이지 않아서 제거했어요!
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.
아아 안써서 삭제된 거였군요! 설명해주셔서 감사합니다
> | ||
{type === 'icon' && children} | ||
{content} | ||
<S.CommonButton $size={size} $variant={variant} {...rest}> |
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.
[A]
사소한데, rest라는 이름 대신 attributes는 어떨까요?
rest라는 네이밍이 파라미터를 받는 위치에서는 의미 상 적절한 것 같은데, 여기 사용처에서는 조금 어색하게 느껴지는 것 같기도 해서요!
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.
라이언 말씀처럼 rest보다 다른 이름을 사용하는 것이 좋을 것 같아요! attribute도 좋은데 혹시 props는 어떨까요? props를 내려받는 형태라 '표시된 것 이외의 다른 props' 느낌으로 ...props
는 어떨까 제안드려봅니다 ㅎㅎ
구현 요약
default
primary
default
default
는 회색조,primary
는 컬러가 있는 버튼입니다.default
half
full
default
default
는 글자에 따라 크기가 달라지며,half
의 경우 미션 상세 페이지의 미션 시작하기 버튼을 기준으로 크기를27.1rem
으로 지정했습니다.full
의 경우width: 100%
입니다.버튼 컴포넌트를 사용하는 곳을 모두 변경했습니다!
하나하나 바꿔주면서 전부 확인했는데 혹시나 변경이 안된 부분이 있을지도 몰라요.....흑미션 현황 페이지였던 MissionSubmission 관련한 코드를 모두 제거했습니다!
연관 이슈
close #179
참고
코드 리뷰에
RCA 룰
을 적용할 시 참고해주세요.