Skip to content

Feat[#THKV-121] : Selectbox 및 하위 컴포넌트 리디자인 및 리팩토링 #118

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.

Sign up for GitHub

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

Jump to bottom
Merged
grapefruit13 merged 21 commits into from
Jan 23, 2025
Merged

Feat[#THKV-121] : Selectbox 및 하위 컴포넌트 리디자인 및 리팩토링 #118

grapefruit13 merged 21 commits into from
Jan 23, 2025

Conversation

@grapefruit13
Copy link
Contributor

@grapefruit13 grapefruit13 commented Jan 21, 2025

유형

  • 기능 구현
  • UI 구현
  • 리팩토링
  • 버그 해결
  • 문서 업데이트
  • 기타( )

작업 내용

  • Selectbox 리디자인

설명 (선택)

  • chevron 위아래 화살표 svg 추가
  • 테스트 페이지
  • SelectButton, SelectIcon, Dropdown, OptionList 리디자인
  • SelectBox 에서 바깥 클릭 시 토글되는 기능 훅으로 분리하여 적용
  • ⚠️ 옵션 아이템에 hover 시 스크롤바 배경 영역까지 bg 컬러 바뀌는 부분은 구현하지 못하였습니다. 추가로 방법 알아보고 가능하면 수정하겠습니다.

스크린샷

클릭 전

image

hover

image

리뷰 요구사항

@grapefruit13
feat: Body2Grey200 typo 추가
da4c09b
@grapefruit13
fix: ArrowDown svg 파일 변경
207720f
@grapefruit13
fix: ArrowUp svg 파일 변경
20b4f65
@grapefruit13
fix: ArrowUp,Down type fill로 수정
c878b0c
@grapefruit13
style: custom-scrollbar 스타일 수정
586331d
@grapefruit13
feat: select-test 페이지 구현
7912f00
@grapefruit13
fix: select-test 페이지 타이포 임포트 수정
115ce1b
@grapefruit13
style: selectButtonVariants 리디자인 적용
2e7ca0b
@grapefruit13
feat: selectButton 리디자인 적용- buttonSize, bgColor 프롭 추가
e517249
@grapefruit13
style: selectIcons 리디자인 right-4 추가, 기존 size 스타일 초기화
3c94bf2
@grapefruit13
style: Dropdownvariants 리디자인, 기존 size 스타일 초기화
21022e0
@grapefruit13
feat: Selectbox 리디자인-bgColor,buttonsize 타입 정의
1d322fd
@grapefruit13
style: optionListVariants 리디자인 적용, 기존 size 스타일 초기화
0d17440
@grapefruit13
feat: useToggleable 훅 구현 - ref 바깥 클릭시 닫히게
033260c
@grapefruit13
refactor: selectbox - useToggleable 훅 적용
5ba8ffd
@grapefruit13 grapefruit13 self-assigned this Jan 21, 2025
@grapefruit13 grapefruit13 requested a review from plla2 January 21, 2025 13:44
plla2
plla2 reviewed Jan 22, 2025
View reviewed changes
plla2
plla2 reviewed Jan 22, 2025
View reviewed changes
Copy link
Member

@plla2 plla2 left a comment

Choose a reason for hiding this comment

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

코멘트 확인 부탁드려요~!

plla2
plla2 approved these changes Jan 22, 2025
View reviewed changes
Copy link
Member

@plla2 plla2 left a comment

Choose a reason for hiding this comment

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

고생하셨습니다!!

@grapefruit13 grapefruit13 merged commit c0565d8 into dev Jan 23, 2025
@grapefruit13 grapefruit13 deleted the THKV-121 branch January 23, 2025 01:50
plla2 added a commit to plla2/NNplanner-FE that referenced this pull request Jan 23, 2025
@plla2
Merge pull request devping-kr#118 from devping-kr/THKV-121
22acbd3 
Feat[#THKV-121] : Selectbox 및 하위 컴포넌트 리디자인 및 리팩토링
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@plla2 plla2 plla2 approved these changes

Assignees

@grapefruit13 grapefruit13

Labels

None yet

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@grapefruit13 @plla2