/not_confirmed page.

3 files changed, 21 insertions, 1 deletions

diff --git a/cmd/web/js/app.js b/cmd/web/js/app.js
index 8573b6e..d8189e0 100644
--- a/cmd/web/js/app.js
+++ b/cmd/web/js/app.js
@@ -62,6 +62,7 @@ App.onUserSignUp = function(token) {
   }
 
   cookies.setItem('jwt', token, cookieExpire);
+  page('/not_confirmed');
 };
 
 App.getUserJWT = function() {
@@ -104,6 +105,9 @@ App.onUserNotAuthorized = function(httpCode, apiCode) {
     case 'need_otp_validation':
       page('/otp/validate');
       return false;
+    case 'user_not_confirmed':
+      page('/not_confirmed');
+      return false;
     default:
       return true;
   }
diff --git a/cmd/web/js/main.jsx b/cmd/web/js/main.jsx
index 827b83d..79bf976 100644
--- a/cmd/web/js/main.jsx
+++ b/cmd/web/js/main.jsx
@@ -54,6 +54,18 @@ App.page('/me', true, function(context) {
     </div>);
 });
 
+App.page('/not_confirmed', true, function(context) {
+  App.mount(<div>
+      <Logo />
+      <div className="row">
+        <div className="box offset-3 col-6 text-center">
+          <p>Please be patient, you account is being confirmed...</p>
+          <p><a href="/me"><u>Refresh</u></a></p>
+        </div>
+      </div>
+    </div>);
+});
+
 App.page('/otp/setup', true, function(context) {
   Api.Call('OTP_ENROLL', {}, function(err, status, data) {
     if (err) {
diff --git a/cmd/web/js/poloniex.jsx b/cmd/web/js/poloniex.jsx
index 96384fd..a5fb9a7 100644
--- a/cmd/web/js/poloniex.jsx
+++ b/cmd/web/js/poloniex.jsx
@@ -5,7 +5,7 @@ import React from 'react';
 class PoloniexController extends React.Component {
   constructor(props) {
     super(props);
-    this.state = {'apiKey': '', 'apiSecret': '', 'flag': 'loading', 'valueCurrency': null, 'balanceValue': null, 'balance': null};
+    this.state = {'apiKey': '', 'apiSecret': '', 'apiRequested': false, 'flag': 'loading', 'valueCurrency': null, 'balanceValue': null, 'balance': null};
   }
 
   handleCredentialsChange = (key, secret) => {
@@ -43,6 +43,7 @@ class PoloniexController extends React.Component {
 
   componentDidMount = () => {
     Api.Call('MARKET', {'name': 'poloniex'}, function(err, status, data) {
+      this.setState({'apiRequested': true});
       if (err) {
         console.error(err, data);
         return;
@@ -74,6 +75,9 @@ class PoloniexController extends React.Component {
       default:
         displayText = null;
     }
+    if (this.state.apiRequested === false) {
+      return <div></div>;
+    }
     return (
       <div>
         <PoloniexBalance  balanceCurrency={this.state.valueCurrency}