-
Notifications
You must be signed in to change notification settings - Fork 0
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] 필터칩 추가 #34
[FEAT] 필터칩 추가 #34
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.
Tabler Icons를 사용하면 관리가 편할 것 같습니다!
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.
Tabler Icons를 적용하는 데에 여기를 참고해 작업해주시면 좋겠습니다!
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.
고생하셨습니다. 아래 수정사항 외에는 이후 라이트/다크 색상을 찬찬히 바꾸면 좋을 것 같습니다!
)} | ||
{isReset && ( | ||
<> | ||
<ResetIcon /> |
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.
ResetIcon
에 hover 했을 때 cursor: pointer
로 모양 바꾼다면 좋을 것 같습니다!
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.
반영했습니다
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.
Tabler Icons를 적용하는 데에 여기를 참고해 작업해주시면 좋겠습니다!
return ( | ||
<div className={classes.filterChip} style={{ backgroundColor: isReset ? "#DFE2EB" : bgColor }}> | ||
{!isReset && <span className={classes.label}>{label}</span>} | ||
{!isReset && ( |
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.
{ !isReset && (
<>
...
</>
)}
위와 같이 처리해도 괜찮을 것 같습니다!
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.
tabler icon 적용하였고 resetchip class 새로 만들어 나누어 리턴하는 방식으로 수정했습니다
|
||
const randomBackgroundColor = () => { | ||
const colors = ["#DFE2EB", "#D1E4FF", "#F3DAFF"]; | ||
return colors[Math.floor(Math.random() * colors.length)]; |
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.
backgroundColor와 color를 FilterChip
의 props로 받아오게 하면 좋을 것 같아요!
클립 색상을 어떻게 설정해야 하는지는 추후 논의가 필요할 것 같네요..! 노션에 올려두겠습니다 :)
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.
요건 그냥 랜덤으로 되게 두었습니다
…top-frontend into feat/7-filterChip
고생하셨습니다 |
작성자: @moony1204
체크 리스트
작업 내역
비고