-
Notifications
You must be signed in to change notification settings - Fork 6
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
refactor: 혼잡도 그래프의 시멘틱 태그를 progress로 수정한다 #640
Conversation
🚀storybook: https://storybook.carffe.in/ |
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.
고생하셨습니다~~
🚀storybook: https://storybook.carffe.in/ |
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.
리뷰 반영해 주세요~
export const Default = () => { | ||
return ( | ||
<> | ||
{Array.from({ length: 24 }).map((_, index) => ( |
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.
Array.from
쓰면 map 생략하는 방법 있었죠?
return ( | ||
<> | ||
{Array.from({ length: 24 }).map((_, index) => ( | ||
<Bar key={index} align={'column'} ratio={(index / 24) * 100} hour={index} /> |
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.
스토리북 보니까 너무 붙어있어요ㅋㅋㅋ Bar에 column gap 줘야할 것 같아요!
|
||
export const NoRatio = () => { | ||
return ( | ||
<> |
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.
Fragments
안 써도 될 것 같아요~
export const NoRatio = () => { | ||
return ( | ||
<> | ||
<Bar align={'column'} ratio={-1} hour={1} /> |
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.
여기 -1
도 상수 활용해주세요
border-top-left-radius: 0.4rem; | ||
border-bottom-left-radius: 0.4rem; | ||
border-top-right-radius: 1rem; | ||
border-bottom-right-radius: 1rem; |
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.
Border니까 px로 바꾸는 게 어떨까요?
🚀storybook: https://storybook.carffe.in/ |
🚀storybook: https://storybook.carffe.in/ |
📄 Summary
🕰️ Actual Time of Completion
🙋🏻 More
close #638