diff options
| author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-03 19:19:50 +0800 |
|---|---|---|
| committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-03 19:19:50 +0800 |
| commit | 7f77347ea4537b66f045140bd5aa1995c3b2d948 (patch) | |
| tree | 8d9e26289bb52296a1ad51a2ca1add55e87c60c2 /packages/website/ts/@next/pages/landing.tsx | |
| parent | 9ed30fbcca669d27ba56ccadc1597ab41129ca73 (diff) | |
| download | dexon-sol-tools-7f77347ea4537b66f045140bd5aa1995c3b2d948.tar.gz dexon-sol-tools-7f77347ea4537b66f045140bd5aa1995c3b2d948.tar.zst dexon-sol-tools-7f77347ea4537b66f045140bd5aa1995c3b2d948.zip | |
Changes boolean props to follow is[Property] syntax
Diffstat (limited to 'packages/website/ts/@next/pages/landing.tsx')
| -rw-r--r-- | packages/website/ts/@next/pages/landing.tsx | 62 |
1 files changed, 47 insertions, 15 deletions
diff --git a/packages/website/ts/@next/pages/landing.tsx b/packages/website/ts/@next/pages/landing.tsx index 137bcda7d..9ea050af7 100644 --- a/packages/website/ts/@next/pages/landing.tsx +++ b/packages/website/ts/@next/pages/landing.tsx @@ -55,11 +55,15 @@ export const NextLanding: React.StatelessComponent<{}> = () => ( </Wrap> </Section> - <Section bgColor={colors.backgroundDark} padLarge> + <Section + bgColor={colors.backgroundDark} + isPadLarge={true}> <WrapCentered width="narrow"> <ProtocolIcon/> - <Paragraph size="large" center> + <Paragraph + size="large" + isCentered={true}> 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 @@ -74,60 +78,88 @@ export const NextLanding: React.StatelessComponent<{}> = () => ( {/* Note you can also pass in a string "large/default" or a number for custom margins */} <Wrap padding={['large', 0, 0, 0]}> {/* NOTE: this probably should be withComponent as part of a <dl> */} - <Column colWidth="1/3" noPadding> - <Heading size="medium" center> + <Column + colWidth="1/3" + isNoPadding={true}> + <Heading + size="medium" + isCentered={true}> 873,435 </Heading> - <Paragraph muted={0.4} center noMargin> + <Paragraph + isMuted={0.4} + isCentered={true} + isNoMargin={true}> Number of transactions </Paragraph> </Column> - <Column colWidth="1/3" noPadding> - <Heading size="medium" center> + <Column + colWidth="1/3" + isNoPadding={true}> + <Heading + size="medium" + isCentered={true}> $203M </Heading> - <Paragraph muted={0.4} center noMargin> + <Paragraph + isMuted={0.4} + isCentered={true} + isNoMargin={true}> Total volume </Paragraph> </Column> - <Column colWidth="1/3" noPadding> - <Heading size="medium" center> + <Column + colWidth="1/3" + isNoPadding={true}> + <Heading + size="medium" + isCentered={true}> 227,372 </Heading> - <Paragraph muted={0.4} center noMargin> + <Paragraph + isMuted={0.4} + isCentered={true} + isNoMargin={true}> Number of relayers </Paragraph> </Column> </Wrap> </Section> - <Section padLarge> + <Section + isPadLarge={true}> <WrapCentered> <Heading size="small">You're in good company</Heading> </WrapCentered> <WrapGrid width="narrow"> {_.map([...Array(9)], (item, index) => ( - <SampleLogo /> + <SampleLogo key={index} /> ))} </WrapGrid> </Section> <Section> <Wrap> - <Column bgColor="#003831" colWidth="1/2" padLarge> + <Column + bgColor="#003831" + colWidth="1/2" + isPadLarge={true}> <WrapCentered> <ReadyToBuildIcon width="150" /> Ready to build on 0x? </WrapCentered> </Column> - <Column bgColor="#003831" colWidth="1/2" padLarge> + <Column + bgColor="#003831" + colWidth="1/2" + isPadLarge={true}> <WrapCentered> <ReadyToBuildIcon width="150" /> Ready to build on 0x? |