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.

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

[FE] DropdownIndicator, DropdownPanel, DropdownItem 컴포넌트 #11

Closed
3 tasks done
Tracked by #9
Kakamotobi opened this issue Jul 25, 2023 · 0 comments
Closed
3 tasks done
Tracked by #9

[FE] DropdownIndicator, DropdownPanel, DropdownItem 컴포넌트 #11

Kakamotobi opened this issue Jul 25, 2023 · 0 comments
Assignees
@Kakamotobi
Labels
front-end
Milestone
[FE] Sprint #01

Comments

@Kakamotobi
Copy link
Member

Kakamotobi commented Jul 25, 2023 •
edited
Loading

구현할 기능

  • DropdownIndicator
    • 메인화면 toolbar filter 부분
  • DropdownPanel
    • 공용 dropdown 패널
  • DropdownItem
@Kakamotobi Kakamotobi mentioned this issue Jul 25, 2023
Closed
11 tasks
@Kakamotobi Kakamotobi changed the title Dropdown Indicator & Dropdown Panel [FE] Dropdown Indicator & Dropdown Panel Jul 25, 2023
@Kakamotobi Kakamotobi self-assigned this Jul 25, 2023
@Kakamotobi Kakamotobi added this to the [FE] Sprint #01 milestone Jul 25, 2023
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 fix: lightMode.neutral.text.weak 값 수정
8960d1e
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 feat: Dropdown 관련 types 정의
e250811
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 feat: DropdownItem 구현
f2060b8 
- DropdownItemType의 종류(`withImg`, `withColor`, `onlyContent`)에 따라 내부 구성 렌더.
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 feat: DropdownPanel 구현
393f487 
- `DropdownNameKOR` enum을 사용하여 영한 번역.
  - 로직은 영어로하고, 렌더할 때 한글로 번역.
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 feat: DropdownIndicator 구현
5eed423 
- `isOpen`에 따라 `<DropdownPanel />` 렌더.
- 사용 컴포넌트로부터 `dropdownName` 및 `dropdownList`를 props로 전달 받음.
@Kakamotobi Kakamotobi mentioned this issue Jul 25, 2023
Merged
@Kakamotobi Kakamotobi changed the title [FE] Dropdown Indicator & Dropdown Panel [FE] DropdownIndicator, DropdownPanel, DropdownItem Jul 25, 2023
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 refactor: DropdownPanel의 종류화
f26a02a 
- `DropdownPanel`이 사용되는 상황은 두가지(필터 또는 이슈 생성시 선택)가 있음.
  - 그에 맞게 `panelType`을 `filter`와 `select`로 구분하여 렌더.
@Kakamotobi Kakamotobi changed the title [FE] DropdownIndicator, DropdownPanel, DropdownItem [FE] DropdownIndicator, DropdownPanel, DropdownItem 컴포넌트 Jul 25, 2023
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 refactor: 프로퍼티명 변경 및 디자인 시스템 수정
6a7c5a1 
- Dropdown 관련 types 정의에서 `type` -> `variant`으로 변경.
- Design system에 `border` 및 SVG icon용 `filter` 추가.
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 design: DropdownItem 선택시 폰트 적용
4887487
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 design: DropdownItem hover시 배경색 추가
aa68fe0
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 design: DropdownIndicator를 버튼상태에 따라 opacity 적용
f629bb3
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 design: danger.surface.default 색상 추가
356f05d 
- 디자이너 추가사항
- 알럿창에 사용될 수 있음
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 feat: DropdownPanel "modify" 종류 추가
c80d81b
Kakamotobi added a commit that referenced this issue Jul 25, 2023
@Kakamotobi
#11 design: Design system border 및 filter 수정
78ef724
youzysu pushed a commit that referenced this issue Jul 26, 2023
@Kakamotobi
[FE] Dropdown 관련 컴포넌트들 구현 (#16)
7f9bee3 
* #11 fix: lightMode.neutral.text.weak 값 수정

* #11 feat: Dropdown 관련 types 정의

* #11 feat: DropdownItem 구현

- DropdownItemType의 종류(`withImg`, `withColor`, `onlyContent`)에 따라 내부 구성 렌더.

* #11 feat: DropdownPanel 구현

- `DropdownNameKOR` enum을 사용하여 영한 번역.
  - 로직은 영어로하고, 렌더할 때 한글로 번역.

* #11 feat: DropdownIndicator 구현

- `isOpen`에 따라 `<DropdownPanel />` 렌더.
- 사용 컴포넌트로부터 `dropdownName` 및 `dropdownList`를 props로 전달 받음.

* #11 refactor: DropdownPanel의 종류화

- `DropdownPanel`이 사용되는 상황은 두가지(필터 또는 이슈 생성시 선택)가 있음.
  - 그에 맞게 `panelType`을 `filter`와 `select`로 구분하여 렌더.

* #11 refactor: 프로퍼티명 변경 및 디자인 시스템 수정

- Dropdown 관련 types 정의에서 `type` -> `variant`으로 변경.
- Design system에 `border` 및 SVG icon용 `filter` 추가.

* #11 design: DropdownItem 선택시 폰트 적용

* #11 design: DropdownItem hover시 배경색 추가

* #11 design: DropdownIndicator를 버튼상태에 따라 opacity 적용

* #11 design: danger.surface.default 색상 추가

- 디자이너 추가사항
- 알럿창에 사용될 수 있음

* #11 feat: DropdownPanel "modify" 종류 추가

* #11 design: Design system border 및 filter 수정
@youzysu youzysu closed this as completed Jul 26, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@Kakamotobi Kakamotobi

Labels
front-end
Projects
None yet
Milestone
[FE] Sprint #01
Development

No branches or pull requests
2 participants
@Kakamotobi @youzysu