diff options
author | Steve Klebanoff <steve@0xproject.com> | 2018-12-18 07:12:05 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-12-18 07:12:05 +0800 |
commit | 4626921bb6deb3ec9a9768ba9afb01dd690292ec (patch) | |
tree | bb339eba105da629372e83f59436c62a604b2df9 /packages/website/ts/@next/components/sections/landing/about.tsx | |
parent | 2593f1b8d7b4906e7ea18cee799dee7c6bc77a6a (diff) | |
parent | 1f59c99532228129c69f3772d399fbb1b22ba8df (diff) | |
download | dexon-sol-tools-4626921bb6deb3ec9a9768ba9afb01dd690292ec.tar dexon-sol-tools-4626921bb6deb3ec9a9768ba9afb01dd690292ec.tar.gz dexon-sol-tools-4626921bb6deb3ec9a9768ba9afb01dd690292ec.tar.bz2 dexon-sol-tools-4626921bb6deb3ec9a9768ba9afb01dd690292ec.tar.lz dexon-sol-tools-4626921bb6deb3ec9a9768ba9afb01dd690292ec.tar.xz dexon-sol-tools-4626921bb6deb3ec9a9768ba9afb01dd690292ec.tar.zst dexon-sol-tools-4626921bb6deb3ec9a9768ba9afb01dd690292ec.zip |
Merge pull request #1445 from 0xProject/feature/0x-org-stats
[website] 0x.org stats
Diffstat (limited to 'packages/website/ts/@next/components/sections/landing/about.tsx')
-rw-r--r-- | packages/website/ts/@next/components/sections/landing/about.tsx | 47 |
1 files changed, 13 insertions, 34 deletions
diff --git a/packages/website/ts/@next/components/sections/landing/about.tsx b/packages/website/ts/@next/components/sections/landing/about.tsx index ee1cfb434..9c2c29446 100644 --- a/packages/website/ts/@next/components/sections/landing/about.tsx +++ b/packages/website/ts/@next/components/sections/landing/about.tsx @@ -1,10 +1,10 @@ import * as React from 'react'; import styled from 'styled-components'; -import {Button} from 'ts/@next/components/button'; -import {Icon, InlineIconWrap} from 'ts/@next/components/icon'; -import {Column, FlexWrap, Section} from 'ts/@next/components/newLayout'; -import {Paragraph} from 'ts/@next/components/text'; +import { Button } from 'ts/@next/components/button'; +import { Icon, InlineIconWrap } from 'ts/@next/components/icon'; +import { Column, FlexWrap, Section } from 'ts/@next/components/newLayout'; +import { Paragraph } from 'ts/@next/components/text'; interface FigureProps { value: string; @@ -20,20 +20,12 @@ export const SectionLandingAbout = () => ( <Icon name="descriptionBolt" size="small" /> </InlineIconWrap> - <Paragraph - size="large" - isCentered={true} - isMuted={1} - padding={['large', 0, 'default', 0]} - > - Anyone in the world can use 0x to service a wide variety of markets ranging from gaming items to financial instruments to assets that could have never existed before. + <Paragraph size="large" isCentered={true} isMuted={1} padding={['large', 0, 'default', 0]}> + Anyone in the world can use 0x to service a wide variety of markets ranging from gaming items to financial + instruments to assets that could have never existed before. </Paragraph> - <Button - href="#" - isWithArrow={true} - isAccentColor={true} - > + <Button href="#" isWithArrow={true} isAccentColor={true}> Discover how developers use 0x </Button> @@ -46,32 +38,19 @@ export const SectionLandingAbout = () => ( /> <FlexWrap as="dl"> - <Figure - value="873,435" - description="Number of Transactions" - /> + <Figure value="166,976" description="Total Transactions" /> - <Figure - value="$203M" - description="Total Volume" - /> + <Figure value="$216M" description="Total Volume" /> - <Figure - value="227,372" - description="Number of Relayers" - /> + <Figure value="30+" description="Total Projects" /> </FlexWrap> </Section> ); const Figure = (props: FigureProps) => ( <Column padding="0 30px"> - <FigureValue> - {props.value} - </FigureValue> - <FigureDescription> - {props.description} - </FigureDescription> + <FigureValue>{props.value}</FigureValue> + <FigureDescription>{props.description}</FigureDescription> </Column> ); |