aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-11-30 20:08:36 +0800
committerFred Carlsen <fred@sjelfull.no>2018-11-30 20:08:36 +0800
commitd6329a83d50dcb8c20c090f9cd7ae25bca8c417d (patch)
tree0587c84ecad71ca5d583c191cbcceea26b99c42f /packages/website/ts
parent203baa4541fd4c5b033a2e64342c1cbe93976e7a (diff)
downloaddexon-sol-tools-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar
dexon-sol-tools-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar.gz
dexon-sol-tools-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar.bz2
dexon-sol-tools-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar.lz
dexon-sol-tools-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar.xz
dexon-sol-tools-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.tar.zst
dexon-sol-tools-d6329a83d50dcb8c20c090f9cd7ae25bca8c417d.zip
Linting errors
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/@next/pages/landing.tsx288
-rw-r--r--packages/website/ts/@next/pages/why.tsx2
2 files changed, 146 insertions, 144 deletions
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx
index 451c70d3e..ee9dd188e 100644
--- a/packages/website/ts/@next/pages/landing.tsx
+++ b/packages/website/ts/@next/pages/landing.tsx
@@ -1,155 +1,157 @@
import * as React from 'react';
import styled from 'styled-components';
-import { colors } from 'ts/style/colors'
-import { Button, ButtonWrap } from 'ts/@next/components/button';
-import { Column, Section, Wrap, WrapCentered } from 'ts/@next/components/layout';
-import { SiteWrap } from 'ts/@next/components/siteWrap';
-import { Heading, Paragraph } from 'ts/@next/components/text';
+import {colors} from 'ts/style/colors';
+
+import {Button, ButtonWrap} from 'ts/@next/components/button';
+import {Column, Section, Wrap, WrapCentered} from 'ts/@next/components/layout';
+import {SiteWrap} from 'ts/@next/components/siteWrap';
+import {Heading, Paragraph} from 'ts/@next/components/text';
import LogoOutlined from 'ts/@next/icons/illustrations/logo-outlined.svg';
import ProtocolIcon from 'ts/@next/icons/illustrations/protocol.svg';
-const Icon = styled.div`
+const Icon = styled.div `
flex-shrink: 0;
`;
export const NextLanding = () => (
- <SiteWrap>
- <Section>
- <Wrap>
- <Column colWidth="1/2">
- <Heading size="large">
- Powering Decentralized Exchange
- </Heading>
-
- <Paragraph size="medium">
- 0x is the best solution for adding exchange functionality to your business.
- </Paragraph>
-
- <ButtonWrap>
- <Button inline>
- Get Started
- </Button>
-
- <Button transparent inline>
- Learn More
- </Button>
- </ButtonWrap>
- </Column>
-
- <Column colWidth="1/2">
- <Icon as={LogoOutlined as 'svg'} />
- </Column>
- </Wrap>
- </Section>
-
- <Section bgColor={colors.backgroundDark}>
- <WrapCentered width="narrow">
- <Icon as={ProtocolIcon as 'svg'} />
-
- <Paragraph size="large" center>
- 0x is an open protocol that enables the peer-to-peer exchange of Ethereum-based tokens. 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 near existed before.
- </Paragraph>
-
- <Button href="#" transparent>
- Discover how developers use 0x
- </Button>
- </WrapCentered>
-
- <Wrap>
- {/* NOTE: this probably should be withComponent as part of a <dl> */}
- <Column colWidth="1/3">
- <Heading size="medium" center>
- 873,435
- </Heading>
-
- <Paragraph muted={0.4} center noMargin>
- Number of transactions
- </Paragraph>
- </Column>
-
- <Column colWidth="1/3">
- <Heading size="medium" center>
- $203M
- </Heading>
-
- <Paragraph muted={0.4} center noMargin>
- Total volume
- </Paragraph>
- </Column>
-
- <Column colWidth="1/3">
- <Heading size="medium" center>
- 227,372
- </Heading>
-
- <Paragraph muted={0.4} center noMargin>
- Number of relayers
- </Paragraph>
- </Column>
- </Wrap>
- </Section>
-
- <Section>
- <Wrap>
- <Column bgColor="#003831" colWidth="1/2">
- This is a 2 COLUMN section
- </Column>
-
- <Column bgColor="#003831" colWidth="1/2">
- Again a 2 column section
- </Column>
- </Wrap>
- </Section>
-
- <Section>
- <Wrap>
- <Column colWidth="2/3">
- Powering Decentralized Exchange<br/>
- Example of a 2/3 1/3 assymetric composition
- </Column>
-
- <Column colWidth="1/3">
- RIGHT IMAGE
- </Column>
- </Wrap>
- </Section>
-
- <Section
- bgColor="#ff0000"
- fullWidth
- noPadding>
- <Wrap width="full">
- <Column colWidth="2/3">
- SAMPLE FLUSHED width
- </Column>
-
- <Column colWidth="1/3">
- RIGHT IMAGE
- </Column>
- </Wrap>
- </Section>
-
- <Section bgColor="#003831">
- <Wrap
- width="narrow">
- 0x is an open protocol that enables the peer-to-peer exchange of Ethereum-based tokens. Anyone can utilize 0x to service a wide variety of markets ranging from gaming items to traditional financial assets.
- </Wrap>
-
- <Wrap>
- <Column colWidth="1/3">
- This
- </Column>
-
- <Column colWidth="1/3">
- is a
- </Column>
-
- <Column colWidth="1/3">
- three-column module
- </Column>
- </Wrap>
- </Section>
- </SiteWrap>
+ <SiteWrap>
+ <Section>
+ <Wrap>
+ <Column colWidth="1/2">
+ <Heading size="large">
+ Powering Decentralized Exchange
+ </Heading>
+
+ <Paragraph size="medium">
+ 0x is the best solution for adding exchange functionality to your business.
+ </Paragraph>
+
+ <ButtonWrap>
+ <Button inline>
+ Get Started
+ </Button>
+
+ <Button transparent inline>
+ Learn More
+ </Button>
+ </ButtonWrap>
+ </Column>
+
+ <Column colWidth="1/2">
+ <LogoOutlined/>
+ </Column>
+ </Wrap>
+ </Section>
+
+ <Section bgColor={colors.backgroundDark}>
+ <WrapCentered width="narrow">
+ <ProtocolIcon/>
+
+ <Paragraph size="large" center>
+ 0x is an open protocol that enables the peer-to-peer exchange of Ethereum-based
+ tokens. 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
+ near existed before.
+ </Paragraph>
+
+ <Button href="#" transparent>
+ Discover how developers use 0x
+ </Button>
+ </WrapCentered>
+
+ <Wrap>
+ {/* NOTE: this probably should be withComponent as part of a <dl> */}
+ <Column colWidth="1/3">
+ <Heading size="medium" center>
+ 873,435
+ </Heading>
+
+ <Paragraph muted={0.4} center noMargin>
+ Number of transactions
+ </Paragraph>
+ </Column>
+
+ <Column colWidth="1/3">
+ <Heading size="medium" center>
+ $203M
+ </Heading>
+
+ <Paragraph muted={0.4} center noMargin>
+ Total volume
+ </Paragraph>
+ </Column>
+
+ <Column colWidth="1/3">
+ <Heading size="medium" center>
+ 227,372
+ </Heading>
+
+ <Paragraph muted={0.4} center noMargin>
+ Number of relayers
+ </Paragraph>
+ </Column>
+ </Wrap>
+ </Section>
+
+ <Section>
+ <Wrap>
+ <Column bgColor="#003831" colWidth="1/2">
+ This is a 2 COLUMN section
+ </Column>
+
+ <Column bgColor="#003831" colWidth="1/2">
+ Again a 2 column section
+ </Column>
+ </Wrap>
+ </Section>
+
+ <Section>
+ <Wrap>
+ <Column colWidth="2/3">
+ Powering Decentralized Exchange<br/>
+ Example of a 2/3 1/3 assymetric composition
+ </Column>
+
+ <Column colWidth="1/3">
+ RIGHT IMAGE
+ </Column>
+ </Wrap>
+ </Section>
+
+ <Section bgColor="#ff0000" fullWidth noPadding>
+ <Wrap width="full">
+ <Column colWidth="2/3">
+ SAMPLE FLUSHED width
+ </Column>
+
+ <Column colWidth="1/3">
+ RIGHT IMAGE
+ </Column>
+ </Wrap>
+ </Section>
+
+ <Section bgColor="#003831">
+ <Wrap width="narrow">
+ 0x is an open protocol that enables the peer-to-peer exchange of Ethereum-based
+ tokens. Anyone can utilize 0x to service a wide variety of markets ranging from
+ gaming items to traditional financial assets.
+ </Wrap>
+
+ <Wrap>
+ <Column colWidth="1/3">
+ This
+ </Column>
+
+ <Column colWidth="1/3">
+ is a
+ </Column>
+
+ <Column colWidth="1/3">
+ three-column module
+ </Column>
+ </Wrap>
+ </Section>
+ </SiteWrap>
);
diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx
index 4e5120b8d..4a7aadcf2 100644
--- a/packages/website/ts/@next/pages/why.tsx
+++ b/packages/website/ts/@next/pages/why.tsx
@@ -19,7 +19,7 @@ export const NextWhy = () => (
<Column colWidth="2/3">
<Heading size="medium" center>The exchange layer for the crypto economy</Heading>
<Heading size="large" center>The world's assets are becoming tokenized on public blockchains. 0x Protocol is free, open-source infrastructure that allows anyone in the world to build products that enable the purchasing and trading of crypto tokens.</Heading>
- <Paragraph center>Build on 0x (arrow)</>
+ <Paragraph center>Build on 0x (arrow)</Paragraph>
</Column>
</WrapCentered>
</Section>