diff options
author | Fabio Berger <me@fabioberger.com> | 2018-11-14 04:00:37 +0800 |
---|---|---|
committer | Fabio Berger <me@fabioberger.com> | 2018-11-14 04:00:37 +0800 |
commit | 9b1ec5baaa6011d8d0034cb823aebd7ddfc80eb3 (patch) | |
tree | 551b4e376c2fa2a57ec813199448b4fa71a4adba /packages/website/ts | |
parent | 954fe3f549fcb171d7d16b5c048983ad524cd2fa (diff) | |
download | dexon-0x-contracts-9b1ec5baaa6011d8d0034cb823aebd7ddfc80eb3.tar dexon-0x-contracts-9b1ec5baaa6011d8d0034cb823aebd7ddfc80eb3.tar.gz dexon-0x-contracts-9b1ec5baaa6011d8d0034cb823aebd7ddfc80eb3.tar.bz2 dexon-0x-contracts-9b1ec5baaa6011d8d0034cb823aebd7ddfc80eb3.tar.lz dexon-0x-contracts-9b1ec5baaa6011d8d0034cb823aebd7ddfc80eb3.tar.xz dexon-0x-contracts-9b1ec5baaa6011d8d0034cb823aebd7ddfc80eb3.tar.zst dexon-0x-contracts-9b1ec5baaa6011d8d0034cb823aebd7ddfc80eb3.zip |
Move benefits to language files and fix copy
Diffstat (limited to 'packages/website/ts')
-rw-r--r-- | packages/website/ts/pages/launch_kit/launch_kit.tsx | 60 | ||||
-rw-r--r-- | packages/website/ts/types.ts | 7 |
2 files changed, 38 insertions, 29 deletions
diff --git a/packages/website/ts/pages/launch_kit/launch_kit.tsx b/packages/website/ts/pages/launch_kit/launch_kit.tsx index 7c3cc1c99..208e84b12 100644 --- a/packages/website/ts/pages/launch_kit/launch_kit.tsx +++ b/packages/website/ts/pages/launch_kit/launch_kit.tsx @@ -32,34 +32,6 @@ interface Benefit { icon: string; description: string; } -const BENEFITS_1: Benefit[] = [ - { - icon: '/images/launch_kit/shared_liquidity.svg', - description: 'Tap into and share liquidity with other relayers', - }, - { - icon: '/images/launch_kit/fork.svg', - description: 'Fork and extend to support new modes of exchange', - }, - { - icon: '/images/launch_kit/enable_trading.svg', - description: 'Enable trading for any ERC-20 or ERC-721 asset', - }, -]; -const BENEFITS_2: Benefit[] = [ - { - icon: '/images/launch_kit/secondary_market.svg', - description: 'Quickly form a secondary market for your own token', - }, - { - icon: '/images/launch_kit/in_game_marketplace.svg', - description: 'Seamlessly create an in-game marketplace for digital items and collectables', - }, - { - icon: '/images/launch_kit/local_market.svg', - description: 'Easily build a 0x relayer for your local market', - }, -]; export class LaunchKit extends React.Component<LaunchKitProps, LaunchKitState> { private readonly _throttledScreenWidthUpdate: () => void; @@ -100,6 +72,20 @@ export class LaunchKit extends React.Component<LaunchKitProps, LaunchKitState> { ); } private _renderHero(): React.ReactNode { + const BENEFITS_1: Benefit[] = [ + { + icon: '/images/launch_kit/shared_liquidity.svg', + description: this.props.translate.get(Key.TapIntoAndShare, Deco.Cap), + }, + { + icon: '/images/launch_kit/fork.svg', + description: this.props.translate.get(Key.ForkAndExtend, Deco.Cap), + }, + { + icon: '/images/launch_kit/enable_trading.svg', + description: this.props.translate.get(Key.EnableTrading, Deco.Cap), + }, + ]; const isSmallScreen = this.state.screenWidth === ScreenWidths.Sm; const smallButtonPadding = '12px 30px 12px 30px'; const largeButtonPadding = '14px 60px 14px 60px'; @@ -190,6 +176,20 @@ export class LaunchKit extends React.Component<LaunchKitProps, LaunchKitState> { ); } private _renderSection(): React.ReactNode { + const BENEFITS_2: Benefit[] = [ + { + icon: '/images/launch_kit/secondary_market.svg', + description: this.props.translate.get(Key.QuicklyLaunch, Deco.Cap), + }, + { + icon: '/images/launch_kit/in_game_marketplace.svg', + description: this.props.translate.get(Key.SeemlesslyCreate, Deco.Cap), + }, + { + icon: '/images/launch_kit/local_market.svg', + description: this.props.translate.get(Key.LocalMarket, Deco.Cap), + }, + ]; return ( <div className="clearfix pb4" style={{ backgroundColor: darkerBackgroundColor }}> <Container @@ -198,9 +198,11 @@ export class LaunchKit extends React.Component<LaunchKitProps, LaunchKitState> { paddingTop="89px" paddingBottom="89px" maxWidth="421px" + paddingLeft="10px" + paddingRight="10px" > <Text fontSize="26px" lineHeight="37px" fontWeight="medium" fontColor={colors.white}> - Perfect for developers who need simple exchange functionality + {this.props.translate.get(Key.PerfectForDevelopers, Deco.CapWords)} </Text> </Container> {this._renderBenefits(BENEFITS_2)} diff --git a/packages/website/ts/types.ts b/packages/website/ts/types.ts index 7065097d9..444a8348d 100644 --- a/packages/website/ts/types.ts +++ b/packages/website/ts/types.ts @@ -483,6 +483,13 @@ export enum Key { LaunchKit = 'LAUNCH_KIT', LaunchKitPitch = 'LAUNCH_KIT_PITCH', ExploreTheDocs = 'EXPLORE_THE_DOCS', + EnableTrading = 'ENABLE_TRADING', + ForkAndExtend = 'FORK_AND_EXTEND', + LocalMarket = 'LOCAL_MARKET', + SeemlesslyCreate = 'SEEMLESSLY_CREATE', + QuicklyLaunch = 'QUICKLY_LAUNCH', + TapIntoAndShare = 'TAP_INTO_AND_SHARE', + PerfectForDevelopers = 'PERFECT_FOR_DEVELOPERS', GetInTouch = 'GET_IN_TOUCH', LearnMore = 'LEARN_MORE', GetStarted = 'GET_STARTED', |