diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-19 06:07:59 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2018-12-19 06:07:59 +0800 |
commit | 96a876270480242b00c770b97bb488841df4544e (patch) | |
tree | 559d9117e497dd8fc1aec3150456fe41f54e2c62 /packages/website | |
parent | 09eac3904079517685ed1788f871639c685f2eef (diff) | |
download | dexon-sol-tools-96a876270480242b00c770b97bb488841df4544e.tar.gz dexon-sol-tools-96a876270480242b00c770b97bb488841df4544e.tar.zst dexon-sol-tools-96a876270480242b00c770b97bb488841df4544e.zip |
Move imports and put action into var
Diffstat (limited to 'packages/website')
-rw-r--r-- | packages/website/ts/@next/pages/why.tsx | 17 |
1 files changed, 8 insertions, 9 deletions
diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx index 360db165c..4d5e46361 100644 --- a/packages/website/ts/@next/pages/why.tsx +++ b/packages/website/ts/@next/pages/why.tsx @@ -1,20 +1,18 @@ import * as _ from 'lodash'; import * as React from 'react'; import ScrollableAnchor, { configureAnchors } from 'react-scrollable-anchor'; - import styled from 'styled-components'; -import { Hero } from 'ts/@next/components/hero'; - import { Banner } from 'ts/@next/components/banner'; import { Button } from 'ts/@next/components/button'; import { Definition } from 'ts/@next/components/definition'; +import { Hero } from 'ts/@next/components/hero'; import { Column, Section, WrapSticky } from 'ts/@next/components/newLayout'; import { SiteWrap } from 'ts/@next/components/siteWrap'; import { Slide, Slider } from 'ts/@next/components/slider/slider'; +import { Heading } from 'ts/@next/components/text'; import { ModalContact } from '../components/modals/modal_contact'; -import { Heading } from 'ts/@next/components/text'; const offersData = [ { @@ -93,16 +91,17 @@ export class NextWhy extends React.Component { isContactModalOpen: false, }; public render(): React.ReactNode { + const buildAction = ( + <Button href="/docs" isWithArrow={true} isAccentColor={true}> + Build on 0x + </Button> + ); return ( <SiteWrap theme="dark"> <Hero title="The exchange layer for the crypto economy" description="The world's assets are becoming tokenized on public blockchains. 0x Protocol is free, open-source infrastracture that developers and businesses utilize to build products that enable the purchasing and trading of crypto tokens." - actions={ - <Button href="/docs" isWithArrow={true} isAccentColor={true}> - Build on 0x - </Button> - } + actions={buildAction} /> <Section bgColor="dark" isFlex={true} maxWidth="1170px"> |