diff options
author | Steve Klebanoff <steve@0xproject.com> | 2018-12-20 00:18:17 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-20 00:18:17 +0800 |
commit | a7f847bf3e693a275b0aa71bcdb12d947b445175 (patch) | |
tree | 314c9d1899070b8d8a35c7df3b2fd0a9f214268e /packages/website/ts/@next/components/blockIconLink.tsx | |
parent | 59d7efa78af41a91617b5a1f253a0f7e17553dca (diff) | |
parent | 0eef07307eb31fe3d72cb26634f102ad6115fccb (diff) | |
download | dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.gz dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.bz2 dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.lz dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.xz dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.tar.zst dexon-sol-tools-a7f847bf3e693a275b0aa71bcdb12d947b445175.zip |
Merge pull request #1457 from 0xProject/feature/website/0x-org-linting
[website] 0x org linting and prettier
Diffstat (limited to 'packages/website/ts/@next/components/blockIconLink.tsx')
-rw-r--r-- | packages/website/ts/@next/components/blockIconLink.tsx | 40 |
1 files changed, 9 insertions, 31 deletions
diff --git a/packages/website/ts/@next/components/blockIconLink.tsx b/packages/website/ts/@next/components/blockIconLink.tsx index 46a267889..bdcc5c29d 100644 --- a/packages/website/ts/@next/components/blockIconLink.tsx +++ b/packages/website/ts/@next/components/blockIconLink.tsx @@ -1,9 +1,9 @@ import * as React from 'react'; -import {withRouter} from 'react-router-dom'; +import { withRouter } from 'react-router-dom'; import styled from 'styled-components'; -import {Button} from 'ts/@next/components/button'; -import {Icon} from 'ts/@next/components/icon'; +import { Button } from 'ts/@next/components/button'; +import { Icon } from 'ts/@next/components/icon'; interface Props { icon?: string; @@ -16,48 +16,26 @@ interface Props { class BaseComponent extends React.PureComponent<Props> { public onClick = (): void => { - const { - linkAction, - linkUrl, - } = this.props; + const { linkAction, linkUrl } = this.props; if (linkAction) { linkAction(); } else { this.props.history.push(linkUrl); } - } + }; public render(): React.ReactNode { - const { - icon, - iconComponent, - linkUrl, - linkAction, - title, - linkLabel, - } = this.props; + const { icon, iconComponent, linkUrl, linkAction, title, linkLabel } = this.props; return ( <Wrap onClick={this.onClick}> <div> - <Icon - name={icon} - component={iconComponent} - size="large" - margin={[0, 0, 'default', 0]} - /> + <Icon name={icon} component={iconComponent} size="large" margin={[0, 0, 'default', 0]} /> - <Title> - {title} - </Title> + <Title>{title}</Title> - <Button - isWithArrow={true} - isTransparent={true} - href={linkUrl} - onClick={linkAction} - > + <Button isWithArrow={true} isTransparent={true} href={linkUrl} onClick={linkAction}> {linkLabel} </Button> </div> |