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

[FEAT] InfoBtn 컴포넌트 구현 #76

Merged
merged 2 commits into from
Jan 15, 2025
Merged

[FEAT] InfoBtn 컴포넌트 구현 #76

merged 2 commits into from
Jan 15, 2025

Conversation

maylh
Copy link
Collaborator

@maylh maylh commented Jan 14, 2025

🛰️ 관련 이슈

해결한 이슈 번호를 작성해주세요
close #74

🧑‍💻 작업 내용

작업한 내용을 간략히 작성해주세요

  • 마이페이지 InfoBtn 컴포넌트 구현

🗯️ PR 포인트

리뷰어가 특별히 봐주었으면 하는 부분이 있다면 작성해주세요

  • 해당 컴포넌트는 마이페이지 > 도움말에서 사용되는 컴포넌트입니다 ! 공지사항, 문의하기 두 개가 있어서 구분선이 필요한데, 이는 hasDivider라는 boolean 값을 이용해 제어하도록 구현했습니다. (hasDivider가 true일 경우 버튼 아래에 구분선을 표시, default는 false) 피그마에서는 구분선이 포함된 형태로 컴포넌트가 정의되어 있지만, 구분선이 없는 경우도 고려해야 했기에 위와 같은 방식으로 작업했습니다 ~~ 더 나은 방법이 있다면 피드백 부탁드림니다 🥸

🚀 알게된 점

기록하며 개발하기!

📖 참고 자료 (선택)

참고했던 문서들 공유하기!

📸 스크린샷 (선택)

Copy link

github-actions bot commented Jan 14, 2025

🪷 Storybook 확인 🪷
🔗 https://677fa9af1269762b7858c29f-rywythmsaw.chromatic.com/

Copy link
Collaborator

@seong-hui seong-hui left a comment

Choose a reason for hiding this comment

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

divider가 있는 상황까지 잘 고려해서 만들어주셨군용 코드색상 Theme만 적용해주시면 더 좋을 것 같아요! 고생하셨습니다!!

variants: {
hasDivider: {
true: {
boxShadow: '0px 1px 0px 0px #EBEDEF',
Copy link
Collaborator

Choose a reason for hiding this comment

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

해당 색상 코드 theme으로 적용해주세용!

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

반영했습니다 ~! 👍

Copy link
Collaborator

@Taew00k Taew00k 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

@bykbyk0401 bykbyk0401 left a comment

Choose a reason for hiding this comment

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

깔끔하게 잘 구현된 것 같아요
구분선이 없는 경우까지 잘 고려해주셔서 감사합니다!!

@maylh maylh merged commit 38efdc4 into develop Jan 15, 2025
5 checks passed
@maylh maylh deleted the feat/#74/cmp-info-btn branch January 15, 2025 07:04
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.

[FEAT] 마이페이지 infoBtn 구현
4 participants