From e58cdee246d5b5f6c34ebe9b603a4a0ff2327246 Mon Sep 17 00:00:00 2001
From: VakarisZ <vakarisz@yahoo.com>
Date: Thu, 25 Jun 2020 10:26:59 +0300
Subject: [PATCH] Small typo in register page, submit on enter fixed in auth
 pages

---
 .../cc/ui/src/components/pages/LoginPage.js         | 13 ++++++-------
 .../cc/ui/src/components/pages/RegisterPage.js      | 11 +++++------
 2 files changed, 11 insertions(+), 13 deletions(-)

diff --git a/monkey/monkey_island/cc/ui/src/components/pages/LoginPage.js b/monkey/monkey_island/cc/ui/src/components/pages/LoginPage.js
index 44e9dc595..04e1ab506 100644
--- a/monkey/monkey_island/cc/ui/src/components/pages/LoginPage.js
+++ b/monkey/monkey_island/cc/ui/src/components/pages/LoginPage.js
@@ -4,10 +4,11 @@ import {Button, Col, Container, Form, Row} from 'react-bootstrap';
 import AuthService from '../../services/AuthService';
 import Particles from "react-particles-js";
 import {particleParams} from "../../styles/particle-component/AuthPageParams";
-import monkeyDetective from "../../images/militant-monkey.svg";
+import monkeyGeneral from "../../images/militant-monkey.svg";
 
 class LoginPageComponent extends React.Component {
-  login = () => {
+  login = (event) => {
+    event.preventDefault()
     this.auth.login(this.username, this.password).then(res => {
       if (res['result']) {
         this.redirectToHome();
@@ -66,12 +67,10 @@ class LoginPageComponent extends React.Component {
               <Col lg={8} md={8} sm={8}>
                 <h1 className='auth-title'>Login</h1>
                 <div>
-                  <Form className={'auth-form'}>
+                  <Form className={'auth-form'} onSubmit={this.login}>
                     <Form.Control onChange={evt => this.updateUsername(evt)} type='text' placeholder='Username'/>
                     <Form.Control onChange={evt => this.updatePassword(evt)} type='password' placeholder='Password'/>
-                    <Button id={'auth-button'} onClick={() => {
-                      this.login()
-                    }}>
+                    <Button id={'auth-button'} type={'submit'}>
                       Login
                     </Button>
                     {
@@ -84,7 +83,7 @@ class LoginPageComponent extends React.Component {
                 </div>
               </Col>
               <Col lg={4} md={4} sm={4}>
-                <img alt="infection monkey" className={'monkey-detective'} src={monkeyDetective}/>
+                <img alt="infection monkey" className={'monkey-detective'} src={monkeyGeneral}/>
               </Col>
             </Row>
           </Col>
diff --git a/monkey/monkey_island/cc/ui/src/components/pages/RegisterPage.js b/monkey/monkey_island/cc/ui/src/components/pages/RegisterPage.js
index 4706ff819..62ff0e170 100644
--- a/monkey/monkey_island/cc/ui/src/components/pages/RegisterPage.js
+++ b/monkey/monkey_island/cc/ui/src/components/pages/RegisterPage.js
@@ -10,7 +10,8 @@ class RegisterPageComponent extends React.Component {
 
   NO_AUTH_API_ENDPOINT = '/api/environment';
 
-  register = () => {
+  register = (event) => {
+    event.preventDefault();
     this.auth.register(this.username, this.password).then(res => {
       this.setState({failed: false, error: ''});
       if (res['result']) {
@@ -89,13 +90,11 @@ class RegisterPageComponent extends React.Component {
                 <h1 className='reg-title'>First time?</h1>
                 <h3 className='reg-subtitle'>Let's secure your Monkey Island!</h3>
                 <div>
-                  <Form className={'auth-form'}>
+                  <Form className={'auth-form'} onSubmit={this.register} >
                     <Form.Control onChange={evt => this.updateUsername(evt)} type='text' placeholder='Username'/>
                     <Form.Control onChange={evt => this.updatePassword(evt)} type='password' placeholder='Password'/>
-                    <Button id={'auth-button'} onClick={() => {
-                      this.register()
-                    }}>
-                      Lets go!
+                    <Button id={'auth-button'} type={'submit'} >
+                      Let's go!
                     </Button>
                     <Row>
                       <Col>