-
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
Feature/button,icon,typography prop업데이트 #56
The head ref may contain hidden characters: "feature/Button,Icon,TypographyProp\uC5C5\uB370\uC774\uD2B8"
Conversation
…con,TypographyProp업데이트
Codecov Report
@@ Coverage Diff @@
## develop #56 +/- ##
===========================================
+ Coverage 74.92% 76.49% +1.57%
===========================================
Files 47 47
Lines 662 668 +6
Branches 113 106 -7
===========================================
+ Hits 496 511 +15
+ Misses 77 75 -2
+ Partials 89 82 -7
Continue to review full report at Codecov.
|
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.
Button
, Icon
관련 리뷰 남겼습니다.
return `width: 20px; height: 20px;`; | ||
case 'lg': | ||
return `width: 32px; height: 32px`; | ||
default: |
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.
P4: 개인적으로 case: 'md'
까지 switch로 다뤘으면 좋겠습니다
disabledColor, | ||
...props | ||
}) => { | ||
let textColor: CustomColors['textColor']; |
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.
P4: 함수로 너무 묶고싶습니다...
import _ from 'lodash'; | ||
import colors from '../../styles/colors'; | ||
|
||
// default color : opacity value change |
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.
P4: Button
디렉토리 내에 정의되어 있고, Button
디렉토리 내에서만 사용되므로 파일명은 colors.ts
, 타입 및 변수 명들도 button
prefix를 떼도 괜찮지 않을까요?
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.
GTG
테크스펙
변경사항
Typography
Icon
sm
,md
,lg
로 3단계가 되었습니다.Button
line
이 없어졌습니다.sm
,md
,lg
로 3단계가 되었습니다.사전 확인사항
Pressable
컴포넌트에서 모든 Container Styling을 집어넣는 것을 시도해봤으나, 이슈가 있어 작동에 문제가 있었습니다. 복잡한Pressable
을 따로 정의해서 사용하면 가능은 해보이나, 불필요한 작업으로 생각되어Container
와Pressable
을 분리하여 적용했습니다.[React Native] Pressable styling styled-components/styled-components#3228.