ButterflyEffect/uniswap-interface-uncensored
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: action prop warning (#3304)

Browse Source
This commit is contained in:
Zach Pomerantz 2022-02-15 19:33:29 -08:00 committed by GitHub
parent 79bdc0c5ee
commit da8884d87d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/ActionButton.tsx
View File

@ -45,13 +45,13 @@ const actionCss = css`
}
`
export const Overlay = styled(Row)<{ action?: boolean }>`
export const Overlay = styled(Row)<{ hasAction: boolean }>`
border-radius: ${({ theme }) => theme.borderRadius}em;
flex-direction: row-reverse;
min-height: 3.5em;
transition: padding 0.25s ease-out;
${({ action }) => action && actionCss}
${({ hasAction }) => hasAction && actionCss}
`
export interface Action {
@ -72,7 +72,7 @@ export interface ActionButtonProps {
export default function ActionButton({ color = 'accent', disabled, action, onClick, children }: ActionButtonProps) {
const textColor = useMemo(() => (color === 'accent' && !disabled ? 'onAccent' : 'currentColor'), [color, disabled])
return (
<Overlay action={Boolean(action)} flex align="stretch">
<Overlay hasAction={Boolean(action)} flex align="stretch">
<StyledButton color={color} disabled={disabled} onClick={action ? action.onClick : onClick}>
<ThemedText.TransitionButton buttonSize={action ? 'medium' : 'large'} color={textColor}>
{action ? action.children : children}