aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts
diff options
context:
space:
mode:
authorBrandon Millman <brandon.millman@gmail.com>2018-08-30 02:26:22 +0800
committerBrandon Millman <brandon.millman@gmail.com>2018-08-30 03:45:24 +0800
commit3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9 (patch)
tree3505f1b68e8528917f848745a888350dcaf8ffb2 /packages/website/ts
parent6924a2b681b8f6d6c154499f3e5d7879524f89c1 (diff)
downloaddexon-sol-tools-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar
dexon-sol-tools-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar.gz
dexon-sol-tools-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar.bz2
dexon-sol-tools-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar.lz
dexon-sol-tools-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar.xz
dexon-sol-tools-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.tar.zst
dexon-sol-tools-3bc9b309f6ea1889d775da88a06d9ba8b3a67bc9.zip
Update tokenization section
Diffstat (limited to 'packages/website/ts')
-rw-r--r--packages/website/ts/pages/landing/landing.tsx54
-rw-r--r--packages/website/ts/types.ts1
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 {