Просмотр исходного кода

Fixes login when page is not fully loaded

George Vrancianu 8 лет назад
Родитель
Сommit
b88b3a5e21
1 измененных файлов с 9 добавлено и 4 удалено
  1. 9 4
      src/components/LoginPage/LoginPage.js

+ 9 - 4
src/components/LoginPage/LoginPage.js

@@ -93,7 +93,8 @@ export class LoginPage extends Reflux.Component {
     this.store = UserStore
     this.store = UserStore
     this.state = {
     this.state = {
       username: "",
       username: "",
-      password: ""
+      password: "",
+      loaded: false
     }
     }
   }
   }
 
 
@@ -102,6 +103,10 @@ export class LoginPage extends Reflux.Component {
     this.context.onSetTitle(title);
     this.context.onSetTitle(title);
   }
   }
 
 
+  componentDidMount() {
+    this.setState({ loaded: true })
+  }
+
   login(e) {
   login(e) {
     e.preventDefault();
     e.preventDefault();
 
 
@@ -174,11 +179,11 @@ export class LoginPage extends Reflux.Component {
                   />
                   />
                 </div>
                 </div>
                 <div className="form-group">
                 <div className="form-group">
-                  <button onClick={(e) => this.login(e)}>Login</button>
+                  <button onClick={(e) => this.login(e)} disabled={!this.state.loaded}>Login</button>
                 </div>
                 </div>
-                <div className="form-group">
+                {/* <div className="form-group">
                   <a href="/forgot-password" className={s.forgotPassText}>Forgot your Password?</a>
                   <a href="/forgot-password" className={s.forgotPassText}>Forgot your Password?</a>
-                </div>
+                </div> */}
               </form>
               </form>
             </div>
             </div>
           </div>
           </div>