From 31358ef04795da8ccaf903aee8f494d48a4c66e9 Mon Sep 17 00:00:00 2001
From: Clement Ho <ClemMakesApps@gmail.com>
Date: Wed, 1 Jun 2016 13:09:05 -0500
Subject: [PATCH] Fix duplicate react key issue

Signed-off-by: Clement Ho <ClemMakesApps@gmail.com>
---
 src/components/ContainerHomeLogs.react.js | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/ContainerHomeLogs.react.js b/src/components/ContainerHomeLogs.react.js
index bffe4157dc..5e9a32e081 100644
--- a/src/components/ContainerHomeLogs.react.js
+++ b/src/components/ContainerHomeLogs.react.js
@@ -36,9 +36,11 @@ module.exports = React.createClass({
   },
 
   render: function () {
-    let logs = this.props.container.Logs ?
-        this.props.container.Logs.map((l) => <div key={l.substr(0,l.indexOf(' '))} dangerouslySetInnerHTML={{__html: convert.toHtml(escape(l.substr(l.indexOf(' ')+1)).replace(/ /g, '&nbsp;<wbr>'))}}></div>) :
-        ['0 No logs for this container.'];
+    let logs = this.props.container.Logs ? this.props.container.Logs.map((l, index) => {
+        const key = `${this.props.container.Name}-${index}`;
+        return <div key={key} dangerouslySetInnerHTML={{__html: convert.toHtml(escape(l.substr(l.indexOf(' ')+1)).replace(/ /g, '&nbsp;<wbr>'))}}></div>;
+      }) : ['0 No logs for this container.'];
+
     return (
       <div className="mini-logs wrapper">
         <div className="widget">