aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/@next
diff options
context:
space:
mode:
authorSteve Klebanoff <steve@0xproject.com>2018-12-18 07:12:05 +0800
committerGitHub <noreply@github.com>2018-12-18 07:12:05 +0800
commit4626921bb6deb3ec9a9768ba9afb01dd690292ec (patch)
treebb339eba105da629372e83f59436c62a604b2df9 /packages/website/ts/@next
parent2593f1b8d7b4906e7ea18cee799dee7c6bc77a6a (diff)
parent1f59c99532228129c69f3772d399fbb1b22ba8df (diff)
downloaddexon-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')
-rw-r--r--packages/website/ts/@next/components/sections/landing/about.tsx47
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>
);