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

버튼 컴포넌트 수정 (Issue #179) #286

Merged
merged 8 commits into from
Aug 16, 2024
Merged

버튼 컴포넌트 수정 (Issue #179) #286

merged 8 commits into from
Aug 16, 2024

Conversation

chosim-dvlpr
Copy link
Contributor

구현 요약

  1. 버튼 컴포넌트를 수정했습니다.
  • props 항목
props name 종류 default 설명
variant default primary default default는 회색조, primary는 컬러가 있는 버튼입니다.
size default half full default default는 글자에 따라 크기가 달라지며, half의 경우 미션 상세 페이지의 미션 시작하기 버튼을 기준으로 크기를 27.1rem으로 지정했습니다. full의 경우 width: 100% 입니다.
children - - 버튼 안에 들어가는 children을 넣어줄 수 있습니다. 이미지, 텍스트 모두 가능합니다.
  1. 버튼 컴포넌트를 사용하는 곳을 모두 변경했습니다! 하나하나 바꿔주면서 전부 확인했는데 혹시나 변경이 안된 부분이 있을지도 몰라요.....흑

  2. 미션 현황 페이지였던 MissionSubmission 관련한 코드를 모두 제거했습니다!

연관 이슈

close #179

참고

코드 리뷰에 RCA 룰을 적용할 시 참고해주세요.

헤더 설명
R (Request Changes) 적극적으로 반영을 고려해주세요
C (Comment) 웬만하면 반영해주세요
A (Approve) 반영해도 좋고, 넘어가도 좋습니다. 사소한 의견입니다.

@chosim-dvlpr chosim-dvlpr added 🎨 프론트엔드 프론트엔드 관련 이슈 🚀 개선 성능의 개선 혹은 리팩토링 labels Aug 13, 2024
@chosim-dvlpr chosim-dvlpr self-assigned this Aug 13, 2024
Copy link
Contributor

@Parkhanyoung Parkhanyoung left a 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':
Copy link
Contributor

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;
};

Copy link
Contributor

Choose a reason for hiding this comment

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

[C]
아래 친구들은 삭제된 건가요~? 😯

Copy link
Contributor Author

Choose a reason for hiding this comment

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

네~ 기획 변경 전 미션 현황 페이지의 배너에서 사용되었던 '리뷰 완료 알림' '진행 중인 미션' '완료한 미션' API 입니다! submission 관련 API가 이제 쓰이지 않아서 제거했어요!

Copy link
Contributor

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}>
Copy link
Contributor

@Parkhanyoung Parkhanyoung Aug 13, 2024

Choose a reason for hiding this comment

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

[A]
사소한데, rest라는 이름 대신 attributes는 어떨까요?
rest라는 네이밍이 파라미터를 받는 위치에서는 의미 상 적절한 것 같은데, 여기 사용처에서는 조금 어색하게 느껴지는 것 같기도 해서요!

Copy link
Contributor Author

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는 어떨까 제안드려봅니다 ㅎㅎ

@chosim-dvlpr chosim-dvlpr merged commit f381667 into main Aug 16, 2024
6 checks passed
@chosim-dvlpr chosim-dvlpr deleted the refactor/#179 branch August 16, 2024 02:02
Minjoo522 pushed a commit that referenced this pull request Aug 19, 2024
* refactor: Button Sample로 변경

* refactor: ButtonSample -> Button으로 변경

* remove: 미션 현황 페이지 관련 코드 제거

* refactor: ButtonSample -> Button으로 변경

* refactor: 버튼 variants 및 size 상수화

* refactor: 기타 파라미터를 받는 rest 네이밍을 props로 수정
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🎨 프론트엔드 프론트엔드 관련 이슈 🚀 개선 성능의 개선 혹은 리팩토링
Projects
Status: 😎 DONE
Development

Successfully merging this pull request may close these issues.

버튼 컴포넌트 수정
2 participants