From 33e06fdf40f04a64dbe3c42264a5518d52a5119c Mon Sep 17 00:00:00 2001 From: Steve Klebanoff Date: Mon, 17 Dec 2018 13:16:19 -0800 Subject: Run prettifier --- packages/website/ts/@next/pages/instant.tsx | 96 ++++++++++++++++++----------- 1 file changed, 60 insertions(+), 36 deletions(-) diff --git a/packages/website/ts/@next/pages/instant.tsx b/packages/website/ts/@next/pages/instant.tsx index d86fa2203..0214ddd08 100644 --- a/packages/website/ts/@next/pages/instant.tsx +++ b/packages/website/ts/@next/pages/instant.tsx @@ -2,16 +2,16 @@ import * as _ from 'lodash'; import * as React from 'react'; import styled, { keyframes } from 'styled-components'; -import {colors} from 'ts/style/colors'; +import { colors } from 'ts/style/colors'; -import {Banner} from 'ts/@next/components/banner'; -import {Hero} from 'ts/@next/components/hero'; +import { Banner } from 'ts/@next/components/banner'; +import { Hero } from 'ts/@next/components/hero'; -import {Button} from 'ts/@next/components/button'; -import {Definition} from 'ts/@next/components/definition'; -import {Section, SectionProps} from 'ts/@next/components/newLayout'; -import {SiteWrap} from 'ts/@next/components/siteWrap'; -import {Heading, Paragraph} from 'ts/@next/components/text'; +import { Button } from 'ts/@next/components/button'; +import { Definition } from 'ts/@next/components/definition'; +import { Section, SectionProps } from 'ts/@next/components/newLayout'; +import { SiteWrap } from 'ts/@next/components/siteWrap'; +import { Heading, Paragraph } from 'ts/@next/components/text'; import { Configurator } from 'ts/@next/pages/instant/configurator'; import { ModalContact } from '../components/modals/modal_contact'; @@ -19,7 +19,8 @@ const featuresData = [ { title: 'Support ERC-20 and ERC-721 tokens', icon: 'supportForAllEthereumStandards-large', - description: 'Seamlessly integrate token purchasing into your product experience by offering digital assets ranging from in-game items to stablecoins.', + description: + 'Seamlessly integrate token purchasing into your product experience by offering digital assets ranging from in-game items to stablecoins.', links: [ { label: 'Get Started', @@ -34,7 +35,8 @@ const featuresData = [ { title: 'Generate revenue for your business', icon: 'generateRevenueForYourBusiness-large', - description: 'With just a few lines of code, you can earn up to 5% in affiliate fees on every transaction from your crypto wallet or dApp.', + description: + 'With just a few lines of code, you can earn up to 5% in affiliate fees on every transaction from your crypto wallet or dApp.', links: [ { label: 'Learn about affiliate fees', @@ -45,7 +47,8 @@ const featuresData = [ { title: 'Easy and flexible integration', icon: 'flexibleIntegration0xInstant', - description: 'Use our out-of-the-box design or customize the user interface by integrating via the AssetBuyer engine.. You can also tap into 0x networked liquidity or choose your own liquidity pool.', + description: + 'Use our out-of-the-box design or customize the user interface by integrating via the AssetBuyer engine.. You can also tap into 0x networked liquidity or choose your own liquidity pool.', links: [ { label: 'Explore AssetBuyer', @@ -72,7 +75,7 @@ export class Next0xInstant extends React.Component { isContactModalOpen: false, }; public render(): React.ReactNode { - return ( + return ( { />
- -
- {[...Array(18)].map((item, index) => ( - - - - ))} -
- + +
+ {[...Array(18)].map((item, index) => ( + + + + ))} +
+
@@ -106,7 +109,12 @@ export class Next0xInstant extends React.Component { ))}
- + 0x Instant Configurator @@ -120,8 +128,18 @@ export class Next0xInstant extends React.Component {
- Disclaimer: The laws and regulations applicable to the use and exchange of digital assets and blockchain-native tokens, including through any software developed using the licensed work created by ZeroEx Intl. (the “Work”), vary by jurisdiction. As set forth in the Apache License, Version 2.0 applicable to the Work, developers are “solely responsible for determining the appropriateness of using or redistributing the Work,” which includes responsibility for ensuring compliance with any such applicable laws and regulations. - See the Apache License, Version 2.0 for the specific language governing all applicable permissions and limitations. + + Disclaimer: The laws and regulations applicable to the use and exchange of digital assets and + blockchain-native tokens, including through any software developed using the licensed work + created by ZeroEx Intl. (the “Work”), vary by jurisdiction. As set forth in the Apache License, + Version 2.0 applicable to the Work, developers are “solely responsible for determining the + appropriateness of using or redistributing the Work,” which includes responsibility for ensuring + compliance with any such applicable laws and regulations. + + + See the Apache License, Version 2.0 for the specific language governing all applicable + permissions and limitations. +
); @@ -129,11 +147,11 @@ export class Next0xInstant extends React.Component { public _onOpenContactModal = (): void => { this.setState({ isContactModalOpen: true }); - } + }; public _onDismissContactModal = (): void => { this.setState({ isContactModalOpen: false }); - } + }; } // scroll animation calc is simply (imageWidth * totalRepetitions) / 2 @@ -159,7 +177,10 @@ const fadeUp = keyframes` } `; -const ConfiguratorSection = styled(Section)` +const ConfiguratorSection = + styled(Section) < + SectionProps > + ` @media (max-width: 1050px) { display: none; } @@ -180,21 +201,24 @@ const MarqueeWrap = styled.div` } @media (min-width: 768px) { - > div { - width: 6660px; - animation: ${scroll} 70s linear infinite; - } + > div { + width: 6660px; + animation: ${scroll} 70s linear infinite; + } } @media (max-width: 768px) { - > div { - width: 5400px; - animation: ${scrollMobile} 70s linear infinite; - } + > div { + width: 5400px; + animation: ${scrollMobile} 70s linear infinite; + } } `; -const Card = styled.div<{index: number}>` +const Card = + styled.div < + { index: number } > + ` opacity: 0; flex-shrink: 0; transform: translateY(10px); -- cgit v1.2.3