aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next/components/button.tsx
diff options
context:
space:
mode:
authorEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-04 21:58:37 +0800
committerEzekiel Aquino <ezekiel@bakkenbaeck.no>2018-12-04 21:58:37 +0800
commit4da419cf7591a8beb32fb5e41e31b129c5fbb99f (patch)
tree54ba3d9bc3940f526b02962967e7b65eb151f206 /packages/website/ts/@next/components/button.tsx
parent5bf7b9b8f3fb2780e56cb11fa9b9b48939a8041d (diff)
downloaddexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar
dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar.gz
dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar.bz2
dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar.lz
dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar.xz
dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.tar.zst
dexon-sol-tools-4da419cf7591a8beb32fb5e41e31b129c5fbb99f.zip
Fixes all lint issues, cleanup
Diffstat (limited to 'packages/website/ts/@next/components/button.tsx')
-rw-r--r--packages/website/ts/@next/components/button.tsx12
1 files changed, 6 insertions, 6 deletions
diff --git a/packages/website/ts/@next/components/button.tsx b/packages/website/ts/@next/components/button.tsx
index 2569c39c5..92c2dac28 100644
--- a/packages/website/ts/@next/components/button.tsx
+++ b/packages/website/ts/@next/components/button.tsx
@@ -5,9 +5,9 @@ import { colors } from 'ts/style/colors';
interface ButtonInterface {
children: Node | string;
- transparent?: any;
- hasIcon?: any;
- inline?: any;
+ isTransparent?: boolean;
+ hasIcon?: boolean | string;
+ isInline?: boolean;
href?: string;
onClick?: () => void;
}
@@ -31,9 +31,9 @@ export const ButtonWrap = styled.div`
const StyledButton = styled.button<ButtonInterface>`
appearance: none;
border: 1px solid transparent;
- display: ${props => props.inline && 'inline-block'};
- background-color: ${props => !props.transparent && colors.brandLight};
- border-color: ${props => props.transparent && '#6a6a6a'};
+ display: ${props => props.isInline && 'inline-block'};
+ background-color: ${props => !props.isTransparent && colors.brandLight};
+ border-color: ${props => props.isTransparent && '#6a6a6a'};
color: ${props => props.color || props.theme.textColor};
text-align: center;
padding: 14px 22px;