WIP: Fix #12 ~ Use signup container from react-components

circle.yml

@@ -7,6 +7,7 @@ jobs:
        - checkout
        - run: npm i
        - run: npx proton-pack
+       - run: npm run check-types
        - run: npm run lint
        - run: npm run i18n:validate
        - run: npm run i18n:validate:context

src/app/PublicApp.js

@@ -1,12 +1,18 @@
 import React, { useState, useRef, useLayoutEffect } from 'react';
 import PropTypes from 'prop-types';
 import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
-import { Loader, ModalsChildren, ResetPasswordContainer, ForgotUsernameContainer } from 'react-components';
+import {
+    Loader,
+    ModalsChildren,
+    ResetPasswordContainer,
+    ForgotUsernameContainer,
+    SignupContainer
+} from 'react-components';
 import { loadOpenPGP } from 'proton-shared/lib/openpgp';
+import PlansTable from 'react-components/containers/payments/PlansTable';
 
 import PublicLayout from './components/layout/PublicLayout';
 import LoginContainer from './containers/LoginContainer';
-import SignupContainer from './containers/SignupContainer';
 
 const PublicApp = ({ onLogin }) => {
     const hasStopRedirect = useRef(false);
@@ -53,10 +59,13 @@ const PublicApp = ({ onLogin }) => {
                             path="/signup/:step?"
                             render={({ history, match }) => (
                                 <SignupContainer
+                                    redirectUrl="/"
+                                    homepageUrl={'https://protonmail.com'}
                                     stopRedirect={stopRedirect}
                                     history={history}
                                     match={match}
                                     onLogin={onLogin}
+                                    renderPlansTable={(props) => <PlansTable {...props} />}
                                 />
                             )}
                         />

src/app/app.scss

@@ -1 +1,4 @@
 @import '~react-components/styles/index';
+
+// TODO: this should not be specific to protonvpn anymore
+@import '~design-system/_sass/pv-styles/pv-plan-card';

src/app/config.ts

@@ -4,9 +4,9 @@ export const CLIENT_SECRET = '';
 export const APP_VERSION = '1.0.0';
 export const APP_NAME = 'proton-mail';
 export const API_URL = 'https://mail.protonmail.com/api';
-export const SECURE_URL = 'undefined';
+export const SECURE_URL = 'https://secure.protonmail.blue';
 export const API_VERSION = '3';
-export const DATE_VERSION = 'Sat, 12 Oct 2019 06:56:36 GMT';
+export const DATE_VERSION = 'Wed, 16 Oct 2019 12:43:25 GMT';
 export const CHANGELOG_PATH = 'assets/changelog.tpl.html';
 export const VERSION_PATH = 'assets/version.json';
 export const SENTRY_RELEASE = '';