From 3f17e6931dbd78b2a73fc38d4e97fc52cb0c3d45 Mon Sep 17 00:00:00 2001
From: Riku Rouvila <riku.rouvila@gmail.com>
Date: Mon, 30 Mar 2015 19:59:57 +0300
Subject: [PATCH] fix react warnings

---
 src/js/components/feed.jsx    |  4 ++--
 src/js/components/members.jsx |  4 ++--
 src/js/main.js                | 16 +++++++++++-----
 3 files changed, 15 insertions(+), 9 deletions(-)

diff --git a/src/js/components/feed.jsx b/src/js/components/feed.jsx
index aad98bc..82f9e41 100644
--- a/src/js/components/feed.jsx
+++ b/src/js/components/feed.jsx
@@ -35,7 +35,7 @@ module.exports = React.createClass({
     }).catch(throwError);
   },
   render() {
-    var messages = this.state.messages.map((message) => {
+    var messages = this.state.messages.map((message, i) => {
 
       var image = <img src={message.image} />;
 
@@ -44,7 +44,7 @@ module.exports = React.createClass({
       }
 
       return (
-        <div className="message">
+        <div className="message" key={i}>
           <div className="message__image">{image}</div>
           <div className="message__content">
             <div className="message__user">
diff --git a/src/js/components/members.jsx b/src/js/components/members.jsx
index 5f03302..f6c5e4a 100644
--- a/src/js/components/members.jsx
+++ b/src/js/components/members.jsx
@@ -21,10 +21,10 @@ module.exports = React.createClass({
   },
   render() {
 
-    var members = this.state.members.map(function(member) {
+    var members = this.state.members.map(function(member, i) {
       var src = `${member.avatar_url}&s=120`;
       return (
-        <img className='member' src={src} />
+        <img className="member" key={i} src={src} />
       );
     });
 
diff --git a/src/js/main.js b/src/js/main.js
index 741eb23..f089523 100644
--- a/src/js/main.js
+++ b/src/js/main.js
@@ -3,24 +3,30 @@ require('./ga');
 
 var React = require('react');
 
+var inviteForm = React.createFactory(require('./components/inviteForm'));
+var fader = React.createFactory(require('./components/fader'));
+var members = React.createFactory(require('./components/members'));
+var feed = React.createFactory(require('./components/feed'));
+var email = React.createFactory(require('./components/email'));
+
 React.render(
-  require('./components/inviteForm')(),
+  inviteForm(),
   document.getElementById('invite-form'));
 
 React.render(
-  require('./components/fader')(),
+  fader(),
   document.getElementById('fader'));
 
 
 React.render(
-  require('./components/members')(),
+  members(),
   document.getElementById('members'));
 
 
 React.render(
-  require('./components/feed')(),
+  feed(),
   document.getElementById('feed'));
 
 React.render(
-  require('./components/email')(),
+  email(),
   document.getElementById('email'));