End day commit

src/client/modules/LocalStorage/LocalStorage.js

@@ -0,0 +1,14 @@
+// export default class LocalStorage {
+//
+//     setLocalStorage = (key, value) => {
+//         localStorage.setItem(key, JSON.stringify(value));
+//     };
+//
+//     getLocalStorage = key => {
+//         const json = localStorage.getItem(key);
+//         if (json === undefined) {
+//             return undefined;
+//         }
+//         return JSON.parse(json);
+//     };
+// }

src/client/modules/login/Login.jsx

@@ -1,7 +1,7 @@
 import React, { Component } from 'react';
 import Platform from '../platform/Platform.jsx';
 import './style.less';
-
+import  { setLocalStorage } from '../../utils/LocalStorageMethods';
 export default class Login extends Component {
     state = {
         isPlatformPage: false,
@@ -10,6 +10,8 @@ export default class Login extends Component {
 
     sighInRef = React.createRef();
     sighUpRef = React.createRef();
+    email = React.createRef();
+    password = React.createRef();
 
     componentDidUpdate() {
         const { activeState, isPlatformPage } = this.state;
@@ -54,6 +56,12 @@ export default class Login extends Component {
             ...state,
             isPlatformPage,
         }));
+        //const ls = new LocalStorage();
+        let data = {
+            email: this.email.current.text(),
+            password: this.password.current.text(),
+        };
+        setLocalStorage('cred', JSON.stringify(data));
     };
 
     getPlatformPage = () => {
@@ -100,11 +108,11 @@ export default class Login extends Component {
                <div className='logIn-page__input-data'>
                    <div className='logIn-page__input-data_data'>
                        <span>Email</span>
-                       <input placeholder='Email' type='email'/>
+                       <input ref={this.email} placeholder='Email' type='email'/>
                    </div>
                    <div className='logIn-page__input-data_data'>
                        <span>Password</span>
-                       <input placeholder='Password' type='password'/>
+                       <input ref = {this.password} placeholder='Password' type='password'/>
                    </div>
                </div>
                <div className='logIn-page__button'>

src/client/modules/platform/Platform.jsx

@@ -69,6 +69,7 @@ export default class Platform extends Component {
             ...state,
             isPlatformPage,
         }));
+        this.localStorage.clear();
     };
 
     getPlatformPage = () => {

src/client/modules/platform/chat/Chat.jsx

@@ -1,16 +1,25 @@
 import React, { Component } from 'react';
 import Window from './Window.jsx';
 import '../style.less';
-
+import LocalStorage from '../../LocalStorage/LocalStorage';
 export default class Chat extends Component {
+
+    sendClick = (mes) => {
+        if (mes === null || mes === '') {
+            return;
+        }
+        let messages = JSON.parse(getLocalStorage('messages'));
+        setLocalStorage('messages', JSON.stringify(messages.push(mes)));
+    };
+
     render() {
         return (
             <div className='chat'>
                 <Window/>
                 <div className='chat__controller'>
                     <input className='chat__controller_input' type='text' placeholder='Write here ...'/>
                     <button className='button chat__controller_emoji'>(*_*)</button>
-                    <button className='button chat__controller_button'>Send</button>
+                    <button onClick={this.sendClick} className='button chat__controller_button'>Send</button>
                 </div>
             </div>
         );

src/client/utils/LocalStorageMethods.js

@@ -0,0 +1,11 @@
+setLocalStorage = (key, value) => {
+    localStorage.setItem(key, JSON.stringify(value));
+};
+
+getLocalStorage = key => {
+    const json = localStorage.getItem(key);
+    if (json === undefined) {
+        return undefined;
+    }
+    return JSON.parse(json);
+};