changed the directory structure.

Author: mertakdut

BankApplicationFrontend/src/app.js

@@ -3,7 +3,7 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 
-import MainPage from './pages/MainPage';
+import MainPage from './pages/MainPage/MainPage';
 
 import 'bootstrap/dist/css/bootstrap.min.css';
 

BankApplicationFrontend/src/components/FormElement.js renamed to BankApplicationFrontend/src/components/FormElement/FormElement.js

@@ -2,8 +2,8 @@ import React from 'react';
 import { Alert } from 'react-bootstrap'
 import { connect } from 'react-redux'
 
-import Request from '../services/Request'
-import { showDialog, currenciesUptodate } from '../actions';
+import Request from '../../services/Request'
+import { showDialog, currenciesUptodate } from '../../actions';
 
 const mapStateToProps = state => ({
     loggedInUsername: state.login,

BankApplicationFrontend/src/components/MoneyBar.js renamed to BankApplicationFrontend/src/components/MoneyBar/MoneyBar.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import { Modal, Button } from 'react-bootstrap'
 import { connect } from 'react-redux'
-import { closeDialog } from '../actions';
+import { closeDialog } from '../../actions';
 
 const mapStateToProps = state => ({
     show: state.dialog.isOpen,

BankApplicationFrontend/src/components/PopupDialog.js renamed to BankApplicationFrontend/src/components/PopupDialog/PopupDialog.js

@@ -3,7 +3,7 @@ import { Form, Button } from 'react-bootstrap';
 import { Redirect } from 'react-router-dom';
 import { connect } from 'react-redux'
 
-import FormElement from '../../components/FormElement';
+import FormElement from '../../components/FormElement/FormElement';
 import Request from '../../services/Request';
 import { login, showDialog } from '../../actions';
 

BankApplicationFrontend/src/pages/inner/HistoryPage.js renamed to BankApplicationFrontend/src/pages/HistoryPage/HistoryPage.js

@@ -3,21 +3,21 @@ import { Container } from 'react-bootstrap'
 import { BrowserRouter as Router, Route } from 'react-router-dom'
 import { connect } from 'react-redux'
 
-import NavBarTop from '../components/NavigationBar/NavigationBar';
-import PopupDialog from '../components/PopupDialog';
+import NavBarTop from '../../components/NavigationBar/NavigationBar';
+import PopupDialog from '../../components/PopupDialog/PopupDialog';
 
-import HomePage from './inner/HomePage';
-import UsersPage from './inner/UsersPage';
-import CurrencyPage from './CurrencyPage/CurrencyPage';
-import TransferPage from './inner/TransferPage';
-import HistoryPage from './inner/HistoryPage';
+import HomePage from '../HomePage/HomePage';
+import UsersPage from '../UsersPage/UsersPage';
+import CurrencyPage from '../CurrencyPage/CurrencyPage';
+import TransferPage from '../TransferPage/TransferPage';
+import HistoryPage from '../HistoryPage/HistoryPage';
 
-import RegisterPage from './inner/RegisterPage';
-import LoginPage from './inner/LoginPage';
+import RegisterPage from '../RegisterPage/RegisterPage';
+import LoginPage from '../LoginPage/LoginPage';
 
-import MoneyBar from '../components/MoneyBar';
+import MoneyBar from '../../components/MoneyBar/MoneyBar';
 
-import { login } from '../actions';
+import { login } from '../../actions';
 
 const mapDispatchToProps = dispatch => ({
     login: (username) => dispatch(login(username))
@@ -45,8 +45,8 @@ class MainPage extends React.Component {
                         <MoneyBar />
                         <Route exact path="/" component={HomePage} />
                         <Route exact path="/users" component={UsersPage} />
-                        <Route exact path="/currency" render={() => <CurrencyPage onOwnedCurrenciesUpdated={this.retrieveWealthAndUpdateState} />} />
-                        <Route exact path="/transfer" render={() => <TransferPage onOwnedCurrenciesUpdated={this.retrieveWealthAndUpdateState} />} />
+                        <Route exact path="/currency" component={CurrencyPage} />
+                        <Route exact path="/transfer" component={TransferPage} />
                         <Route exact path="/history" component={HistoryPage} />
                         <Route exact path="/login" component={LoginPage} />
                         <Route exact path="/register" component={RegisterPage} />

BankApplicationFrontend/src/pages/inner/HomePage.js renamed to BankApplicationFrontend/src/pages/HomePage/HomePage.js

@@ -2,7 +2,7 @@ import React from 'react';
 import { Redirect } from 'react-router-dom';
 import { Form, Button } from 'react-bootstrap';
 import { connect } from 'react-redux'
-import FormElement from '../../components/FormElement';
+import FormElement from '../../components/FormElement/FormElement';
 import Request from '../../services/Request';
 import { login, showDialog } from '../../actions';
 
@@ -37,7 +37,6 @@ class RegisterPage extends React.Component {
         this.handleFirstPasswordChange = this.handleFirstPasswordChange.bind(this);
         this.handleSecondPasswordChange = this.handleSecondPasswordChange.bind(this);
         this.handleTcNoChange = this.handleTcNoChange.bind(this);
-        this.resetFields = this.resetFields.bind(this);
     }
 
     handleUsernameChange(e) {
@@ -56,15 +55,6 @@ class RegisterPage extends React.Component {
         this.setState({ secondPass: e.target.value });
     }
 
-    resetFields() {
-        this.setState({
-            username: '',
-            tcno: '',
-            firstPass: '',
-            secondPass: ''
-        });
-    }
-
     handleClick() {
 
         if (this.state.firstPass != this.state.secondPass) {
@@ -96,7 +86,6 @@ class RegisterPage extends React.Component {
                 }
                 this.props.showPopup(0, errorMessage);
             }).finally(() => {
-                this.resetFields();
                 this.setState({
                     isProcessingRegister: false
                 });