disconnect user

Author: jgalianoz

package.json

@@ -12,6 +12,7 @@
   "author": "@Manuel_Galindez",
   "license": "MIT",
   "devDependencies": {
+    "babel": "^6.5.2",
     "babel-cli": "^6.16.0",
     "babel-preset-es2015": "^6.16.0",
     "babel-preset-react": "^6.16.0",

src/client/Components/Discussions.js

@@ -8,7 +8,7 @@ export default class Discussions extends React.Component {
 
   constructor(props){
     super(props)
-    this.state = { messages: [] };
+    this.state = { messages: [], connectUser: [] };
     this._dataValue = this._dataValue.bind(this);
     this._MessageSend = this._MessageSend.bind(this);
     this.user = uid(10);
@@ -22,6 +22,12 @@ export default class Discussions extends React.Component {
         this._MessageSend(message);
       }
     })
+
+    this.socket.on('loggin', (onUser) => {
+      this.state.connectUser.push(onUser);
+      console.log(this.state.connectUser);
+    })
+
   }
 
   _dataValue(ev) {
@@ -35,11 +41,9 @@ export default class Discussions extends React.Component {
 
     if ( textValue !== '' ) {
 
-    
       this.socket.emit('new-message', message);
       document.getElementById('textarea').value = '';
     }
-
   }
 
   _MessageSend(message) {

src/client/Components/MessageList.js

@@ -8,6 +8,7 @@ export default function MessageList (props){
 
         let id = uid()
 
+
         return <article key={id} className="Message">
           <figure className="avatar Message-avatar">
             <img title={ item.username } src={ item.avatar } width="40" height="40" />
@@ -21,6 +22,7 @@ export default function MessageList (props){
             </div>
           </div>
         </article>
+
       })
     }
   </div>

src/server/index.js

@@ -29,11 +29,21 @@ let server = http.createServer(app).listen(port, () => console.log(`Server liste
 
 const io = sckengine.listen(server);
 
+let contUser = 0;
+
 io.on('connection', (socket) => {
-  console.log(`New user connect ${socket.id}`);
+
+  ++contUser;
+  console.log(`New user connect ${socket.id}, users connect: ${contUser}`);
 
   socket.on('new-message', (msg) => {
     io.emit('message', msg);
   })
 
+  socket.on('disconnect', () => {
+    --contUser;
+    console.log(`New user disconnect ${socket.id}, users connect: ${contUser}`);
+
+  })
+
 })