Add /jobs endpoint to website, link to it and have it re-direct to Angellist

packages/website/ts/components/footer.tsx

@@ -114,8 +114,8 @@ export class Footer extends React.Component<FooterProps, FooterState> {
                 },
                 {
                     title: this.props.translate.get(Key.Careers, Deco.Cap),
-                    isExternal: true,
-                    path: constants.URL_ANGELLIST,
+                    isExternal: false,
+                    path: WebsitePaths.Jobs,
                 },
                 {
                     title: this.props.translate.get(Key.Contact, Deco.Cap),

packages/website/ts/components/redirecter.tsx

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { constants } from 'ts/utils/constants';
+
+interface RedirecterProps {
+    location: string;
+}
+
+export function Redirecter(props: RedirecterProps) {
+    window.location.href = constants.URL_ANGELLIST;
+}

packages/website/ts/index.tsx

@@ -6,6 +6,7 @@ import { Provider } from 'react-redux';
 import { BrowserRouter as Router, Redirect, Route, Switch } from 'react-router-dom';
 import * as injectTapEventPlugin from 'react-tap-event-plugin';
 import { createStore, Store as ReduxStore } from 'redux';
+import { Redirecter } from 'ts/components/redirecter';
 import { About } from 'ts/containers/about';
 import { FAQ } from 'ts/containers/faq';
 import { Landing } from 'ts/containers/landing';
@@ -75,6 +76,7 @@ render(
                             <Route exact={true} path="/" component={Landing as any} />
                             <Redirect from="/otc" to={`${WebsitePaths.Portal}`} />
 
+                            <Route path={WebsitePaths.Jobs} component={Redirecter as any} />
                             <Route path={WebsitePaths.Portal} component={LazyPortal} />
                             <Route path={WebsitePaths.FAQ} component={FAQ as any} />
                             <Route path={WebsitePaths.About} component={About as any} />

packages/website/ts/pages/about/about.tsx

@@ -2,11 +2,12 @@ import { colors, Styles } from '@0xproject/react-shared';
 import * as _ from 'lodash';
 import * as React from 'react';
 import * as DocumentTitle from 'react-document-title';
+import { Link } from 'react-router-dom';
 import { Footer } from 'ts/components/footer';
 import { TopBar } from 'ts/components/top_bar/top_bar';
 import { Profile } from 'ts/pages/about/profile';
 import { Dispatcher } from 'ts/redux/dispatcher';
-import { ProfileInfo } from 'ts/types';
+import { ProfileInfo, WebsitePaths } from 'ts/types';
 import { constants } from 'ts/utils/constants';
 import { Translate } from 'ts/utils/translate';
 import { utils } from 'ts/utils/utils';
@@ -250,9 +251,9 @@ export class About extends React.Component<AboutProps, AboutState> {
                             }}
                         >
                             We are seeking outstanding candidates to{' '}
-                            <a href={constants.URL_ANGELLIST} target="_blank" style={{ color: 'black' }}>
+                            <Link to={WebsitePaths.Jobs} style={{ color: 'black' }}>
                                 join our team
-                            </a>
+                            </Link>
                             . We value passion, diversity and unique perspectives.
                         </div>
                     </div>

packages/website/ts/types.ts

@@ -361,6 +361,7 @@ export enum WebsitePaths {
     JSONSchemas = '/docs/json-schemas',
     SolCov = '/docs/sol-cov',
     Subproviders = '/docs/subproviders',
+    Jobs = '/jobs',
 }
 
 export enum DocPackages {