diff options
author | Steve Klebanoff <steve.klebanoff@gmail.com> | 2019-01-03 08:56:49 +0800 |
---|---|---|
committer | Steve Klebanoff <steve.klebanoff@gmail.com> | 2019-01-03 08:56:49 +0800 |
commit | edb3a613879ecb4ae077dc4e4256965de2092e48 (patch) | |
tree | b7860f548c5399238d466f51241d86720b3a87a2 /packages/website/ts/pages/instant/introducing_0x_instant.tsx | |
parent | 89f67b9becf3b4c0d13cceeaca4d5656ad500a9a (diff) | |
parent | 1ddf1087dd327b2ef35165518ee91eb457b84174 (diff) | |
download | dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar.gz dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar.bz2 dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar.lz dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar.xz dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar.zst dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.zip |
Merge branch 'development' into feature/instant/tell-amount-available
Diffstat (limited to 'packages/website/ts/pages/instant/introducing_0x_instant.tsx')
-rw-r--r-- | packages/website/ts/pages/instant/introducing_0x_instant.tsx | 57 |
1 files changed, 0 insertions, 57 deletions
diff --git a/packages/website/ts/pages/instant/introducing_0x_instant.tsx b/packages/website/ts/pages/instant/introducing_0x_instant.tsx deleted file mode 100644 index da3f09faa..000000000 --- a/packages/website/ts/pages/instant/introducing_0x_instant.tsx +++ /dev/null @@ -1,57 +0,0 @@ -import * as React from 'react'; - -import { Button } from 'ts/components/ui/button'; -import { Container } from 'ts/components/ui/container'; -import { Text } from 'ts/components/ui/text'; -import { colors } from 'ts/style/colors'; -import { ScreenWidths } from 'ts/types'; - -export interface Introducing0xInstantProps { - screenWidth: ScreenWidths; - onCTAClick: () => void; -} - -export const Introducing0xInstant = (props: Introducing0xInstantProps) => { - const isSmallScreen = props.screenWidth === ScreenWidths.Sm; - const zero = ( - <Text fontColor={colors.white} fontSize="42px" fontWeight="600" fontFamily="Roboto Mono" Tag="span"> - 0 - </Text> - ); - const title = isSmallScreen ? ( - <div> - Introducing<br /> - {zero}x Instant - </div> - ) : ( - <div>Introducing {zero}x Instant</div> - ); - return ( - <div className="clearfix center lg-pt4 md-pt4" style={{ backgroundColor: colors.instantPrimaryBackground }}> - <div className="mx-auto inline-block align-middle py4" style={{ lineHeight: '44px', textAlign: 'center' }}> - <Container className="sm-center sm-pt3"> - <Text fontColor={colors.white} fontSize="42px" lineHeight="52px" fontWeight="600"> - {title} - </Text> - </Container> - <Container className="pb2 lg-pt2 md-pt2 sm-pt3 sm-px3 sm-center" maxWidth="600px"> - <Text fontColor={colors.grey500} fontSize="20px" lineHeight="32px" fontFamily="Roboto Mono"> - A free and flexible way to offer simple crypto - <br /> purchasing in any app or website. - </Text> - </Container> - <div className="py3"> - <Button - type="button" - backgroundColor={colors.mediumBlue} - fontColor={colors.white} - fontSize="18px" - onClick={props.onCTAClick} - > - Get Started - </Button> - </div> - </div> - </div> - ); -}; |