diff options
author | Brandon Millman <brandon.millman@gmail.com> | 2018-08-30 02:26:22 +0800 |
---|---|---|
committer | Brandon Millman <brandon.millman@gmail.com> | 2018-08-30 03:45:24 +0800 |
commit | 3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9 (patch) | |
tree | 3505f1b68e8528917f848745a888350dcaf8ffb2 /packages/website/ts | |
parent | 6924a2b681b8f6d6c154499f3e5d7879524f89c1 (diff) | |
download | dexon-0x-contracts-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar dexon-0x-contracts-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar.gz dexon-0x-contracts-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar.bz2 dexon-0x-contracts-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar.lz dexon-0x-contracts-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar.xz dexon-0x-contracts-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar.zst dexon-0x-contracts-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.zip |
Update tokenization section
Diffstat (limited to 'packages/website/ts')
-rw-r--r-- | packages/website/ts/pages/landing/landing.tsx | 54 | ||||
-rw-r--r-- | packages/website/ts/types.ts | 1 |
2 files changed, 12 insertions, 43 deletions
diff --git a/packages/website/ts/pages/landing/landing.tsx b/packages/website/ts/pages/landing/landing.tsx index 83484409d..08da4da8f 100644 --- a/packages/website/ts/pages/landing/landing.tsx +++ b/packages/website/ts/pages/landing/landing.tsx @@ -335,7 +335,7 @@ export class Landing extends React.Component<LandingProps, LandingState> { > {this.props.translate.get(Key.TokenizedSectionDescription, Deco.Cap)} </div> - <div className="flex pt1 sm-px3">{this._renderAssetTypes()}</div> + <div className="flex pt1 sm-px3">{this._renderMissionAndValuesButton()}</div> </div> </div> {!isSmallScreen && this._renderTokenCloud()} @@ -461,48 +461,16 @@ export class Landing extends React.Component<LandingProps, LandingState> { </div> ); } - private _renderAssetTypes(): React.ReactNode { - const isSmallScreen = this.state.screenWidth === ScreenWidths.Sm; - const assetTypes: AssetType[] = [ - { - title: this.props.translate.get(Key.Currency, Deco.Cap), - imageUrl: '/images/landing/currency.png', - }, - { - title: this.props.translate.get(Key.TraditionalAssets, Deco.Cap), - imageUrl: '/images/landing/stocks.png', - style: { - paddingLeft: isSmallScreen ? 41 : 56, - paddingRight: isSmallScreen ? 41 : 56, - }, - }, - { - title: this.props.translate.get(Key.DigitalGoods, Deco.Cap), - imageUrl: '/images/landing/digital_goods.png', - }, - ]; - const assets = _.map(assetTypes, (assetType: AssetType) => { - const style = _.isUndefined(assetType.style) ? {} : assetType.style; - return ( - <div key={`asset-${assetType.title}`} className="center" style={{ opacity: 0.8, ...style }}> - <div> - <img src={assetType.imageUrl} height="80" /> - </div> - <div - style={{ - fontFamily: 'Roboto Mono', - fontSize: 13.5, - fontWeight: 400, - color: colors.darkestGrey, - lineHeight: 1.4, - }} - > - {assetType.title} - </div> - </div> - ); - }); - return assets; + private _renderMissionAndValuesButton(): React.ReactNode { + return ( + <a + href={constants.URL_MISSION_AND_VALUES_BLOG_POST} + target="_blank" + className="inline-block text-decoration-none" + > + <CallToAction>{this.props.translate.get(Key.OurMissionAndValues, Deco.CapWords)}</CallToAction> + </a> + ); } private _renderInfoBoxes(): React.ReactNode { const isSmallScreen = this.state.screenWidth === ScreenWidths.Sm; diff --git a/packages/website/ts/types.ts b/packages/website/ts/types.ts index c637171dd..398a8da11 100644 --- a/packages/website/ts/types.ts +++ b/packages/website/ts/types.ts @@ -468,6 +468,7 @@ export enum Key { Home = 'HOME', RocketChat = 'ROCKETCHAT', TradeCallToAction = 'TRADE_CALL_TO_ACTION', + OurMissionAndValues = 'OUR_MISSION_AND_VALUES', } export enum SmartContractDocSections { |