port is now a property of general mainStore

Author: pmzi

src/js/views/components/Header.js

@@ -17,7 +17,7 @@ class Header extends React.Component{
                     </div>
                 </div>
                 <div className="header__ip-address">
-                    127.0.0.1:2020
+                    127.0.0.1:{this.props.general.port}
                 </div>
                 <div className="header__right-side">
                     <div className="header__side-icon">
@@ -64,6 +64,7 @@ class Header extends React.Component{
 
 module.exports = connect((state)=>{
     return {
-        selectedLanguage: state.selectedLanguage
+        selectedLanguage: state.selectedLanguage,
+        general: state.general
     };
 })(Header);

src/js/views/components/MainPage.js

@@ -11,6 +11,10 @@ const ChoosingPage = require('./ChoosingPage');
 
 class MainPage extends React.Component{
 
+    componentDidUpdate(){
+        console.log(this.props.general.isServer)
+    }
+
     render(){
         return (
             <React.Fragment>

src/js/views/controllers/Server.js

@@ -42,6 +42,13 @@ class Server {
 
             this.http.listen(port);
 
+            // Let's set the port
+
+            this.store.dispatch({
+                type: 'PORT_CHANGED',
+                port
+            })
+
             // Let's set the admin class
 
             this.store.dispatch({

src/js/views/reducers/generalReducer.js

@@ -1,17 +1,25 @@
-module.exports = (state = {isServer: false}, action)=>{
+module.exports = (state = {
+    isServer: false,
+    port: '2020'
+}, action) => {
 
-    switch(action.type){
+    switch (action.type) {
         case 'IS_SERVER':
-            return {
+            return Object.assign({}, state, {
                 isServer: true
-            }
-        break;
+            })
+            break;
         case 'IS_CLIENT':
-            return {
+            return Object.assign({}, state, {
                 isServer: false
-            }
-        break;
-        default: 
+            })
+            break;
+        case 'PORT_CHANGED':
+            return Object.assign({}, state, {
+                port: action.port
+            })
+            break;
+        default:
             return state;
         break;
     }