From 4da419cf7591a8beb32fb5e41e31b129c5fbb99f Mon Sep 17 00:00:00 2001 From: Ezekiel Aquino Date: Tue, 4 Dec 2018 14:58:37 +0100 Subject: Fixes all lint issues, cleanup --- packages/website/ts/@next/components/button.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'packages/website/ts/@next/components/button.tsx') 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` 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; -- cgit v1.2.3