updated documentTitle component

packages/website/ts/components/documentTitle.tsx

@@ -1,12 +0,0 @@
-import * as React from 'react';
-import { Helmet } from 'react-helmet';
-
-export interface DocumentTitleProps {
-    title: string;
-}
-
-export const DocumentTitle: React.StatelessComponent<DocumentTitleProps> = ({ title }) => (
-    <Helmet>
-        <title>{title}</title>
-    </Helmet>
-);

packages/website/ts/components/document_title.tsx

@@ -0,0 +1,15 @@
+import * as React from 'react';
+import { Helmet } from 'react-helmet';
+
+import { DocumentMetadata } from '../utils/document_meta_constants';
+
+export interface DocumentTitleProps extends DocumentMetadata {}
+
+export const DocumentTitle: React.StatelessComponent<DocumentTitleProps> = ({ title, description }) => (
+    <Helmet>
+        <title>{title}</title>
+        <meta name="description" content={description} />
+        <meta property="og:title" content={title} />
+        <meta property="og:description" content={description} />
+    </Helmet>
+);

packages/website/ts/components/portal/portal.tsx

@@ -8,7 +8,6 @@ import { Blockchain } from 'ts/blockchain';
 import { BlockchainErrDialog } from 'ts/components/dialogs/blockchain_err_dialog';
 import { LedgerConfigDialog } from 'ts/components/dialogs/ledger_config_dialog';
 import { PortalDisclaimerDialog } from 'ts/components/dialogs/portal_disclaimer_dialog';
-import { DocumentTitle } from 'ts/components/documentTitle';
 import { EthWrappers } from 'ts/components/eth_wrappers';
 import { FillOrder } from 'ts/components/fill_order';
 import { AssetPicker } from 'ts/components/generate_order/asset_picker';
@@ -234,7 +233,6 @@ export class Portal extends React.Component<PortalProps, PortalState> {
         return (
             <Container>
                 <MetaTags title={DOCUMENT_TITLE} description={DOCUMENT_DESCRIPTION} />
-                <DocumentTitle title={DOCUMENT_TITLE} />
                 <TopBar
                     userAddress={this.props.userAddress}
                     networkId={this.props.networkId}