-
-
Notifications
You must be signed in to change notification settings - Fork 112
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
Implement shaded variant pagination component #1960
Implement shaded variant pagination component #1960
Conversation
Features
Contributors@amontalvof, @LeandroTorresSicilia Commit-Lint commandsYou can trigger Commit-Lint actions by commenting on this PR:
|
color: ${props => props.text.title}; | ||
`; | ||
|
||
class PaginationExample extends React.Component { |
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.
let's use hooks
const { pages, activePage, onChange, variant } = props; | ||
return ( | ||
<> | ||
<RenderIf isTrue={variant === 'shaded'}> |
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.
remember not use js inside jsx, use isShaded
/> | ||
</ButtonsContainer> | ||
</RenderIf> | ||
<RenderIf isTrue={variant !== 'shaded'}> |
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.
same ^^
props.variant === 'shaded' && | ||
!props.disabled && | ||
` | ||
box-shadow:${props.disabled ? '' : props.shadows.shadow_10}; |
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.
remove this since here it will never be disabled
Code Climate has analyzed commit ac983e8 and detected 6 issues on this pull request. Here's the issue category breakdown:
View more on Code Climate. |
fix: #1945
Changes proposed in this PR:
I have followed (at least) the PR section of the contributing guide.
@nexxtway/react-rainbow