Move more text over to translation files

2 files changed, 11 insertions, 10 deletions

diff --git a/packages/website/ts/components/documentation/tutorial_button.tsx b/packages/website/ts/components/documentation/tutorial_button.tsx
index b83fd82c2..0cb7d9de5 100644
--- a/packages/website/ts/components/documentation/tutorial_button.tsx
+++ b/packages/website/ts/components/documentation/tutorial_button.tsx
@@ -2,11 +2,12 @@ import { colors } from '@0xproject/react-shared';
 import * as _ from 'lodash';
 import * as React from 'react';
 import { Link } from 'react-router-dom';
-import { Container } from 'ts/components/ui/container';
 import { Text } from 'ts/components/ui/text';
-import { TutorialInfo } from 'ts/types';
+import { Deco, Key, TutorialInfo } from 'ts/types';
+import { Translate } from 'ts/utils/translate';
 
 export interface TutorialButtonProps {
+    translate: Translate;
     tutorialInfo: TutorialInfo;
 }
 
@@ -44,10 +45,10 @@ export class TutorialButton extends React.Component<TutorialButtonProps, Tutoria
                     </div>
                     <div className="pl2">
                         <Text Tag="div" fontSize="18" fontColor={colors.lightLinkBlue} fontWeight="bold">
-                            {this.props.tutorialInfo.title}
+                            {this.props.translate.get(this.props.tutorialInfo.title as Key, Deco.Cap)}
                         </Text>
                         <Text Tag="div" fontColor="#555555" fontSize="16">
-                            {this.props.tutorialInfo.description}
+                            {this.props.translate.get(this.props.tutorialInfo.description as Key, Deco.Cap)}
                         </Text>
                     </div>
                     <div className="absolute" style={{ top: 31, right: 31 }}>
diff --git a/packages/website/ts/components/dropdowns/developers_drop_down.tsx b/packages/website/ts/components/dropdowns/developers_drop_down.tsx
index bfd7287de..0af211bc1 100644
--- a/packages/website/ts/components/dropdowns/developers_drop_down.tsx
+++ b/packages/website/ts/components/dropdowns/developers_drop_down.tsx
@@ -16,17 +16,17 @@ const gettingStartedKeyToLinkInfo1: ObjectMap<LinkInfo> = {
     [Key.BuildARelayer]: {
         link: `${WebsitePaths.Wiki}#Build-A-Relayer`,
     },
-    [Key.IntroTutorial]: {
+    [Key.OrderBasics]: {
         link: `${WebsitePaths.Wiki}#Create,-Validate,-Fill-Order`,
     },
 };
 const gettingStartedKeyToLinkInfo2: ObjectMap<LinkInfo> = {
-    [Key.TradingTutorial]: {
-        link: `${WebsitePaths.Wiki}#Find,-Submit,-Fill-Order-From-Relayer`,
-    },
-    [Key.EthereumDevelopment]: {
+    [Key.DevelopOnEthereum]: {
         link: `${WebsitePaths.Wiki}#Ethereum-Development`,
     },
+    [Key.UseSharedLiquidity]: {
+        link: `${WebsitePaths.Wiki}#Find,-Submit,-Fill-Order-From-Relayer`,
+    },
 };
 const popularDocsToLinkInfos: ObjectMap<LinkInfo> = {
     [Key.ZeroExJs]: {
@@ -157,7 +157,7 @@ export class DevelopersDropDown extends React.Component<DevelopersDropDownProps,
         const links = _.map(keyToLinkInfo, (linkInfo: LinkInfo, key: string) => {
             i++;
             const isLast = i === numLinks;
-            const linkText = this.props.translate.get(key as Key, Deco.CapWords);
+            const linkText = this.props.translate.get(key as Key, Deco.Cap);
             return (
                 <div className={`pr1 pt1 ${!isLast && 'pb1'}`} key={`dev-dropdown-link-${key}`}>
                     <Link