From f8759010f6302b1c3bc05571dff5dfdf0030a957 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Orkun=20Ko=C3=A7yi=C4=9Fit?= <orkunkocyigit@gmx.com>
Date: Mon, 15 Jul 2019 00:43:08 +0300
Subject: [PATCH] Fix Each child in an array or iterator should have a unique
 "key" prop https://github.com/OrkunKocyigit/motocal/issues/11

#11 -> https://github.com/OrkunKocyigit/motocal/issues/11
---
 src/changelog.js |  4 ++--
 src/profile.js   | 11 ++++++-----
 src/result.js    |  2 +-
 3 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/src/changelog.js b/src/changelog.js
index 1719d9cc5..6d6acb11e 100644
--- a/src/changelog.js
+++ b/src/changelog.js
@@ -40,10 +40,10 @@ var {Button} = require('react-bootstrap');
         const text = buttonText.replace('{step}', step);
 
         return [
-            <ul {...(className ? {className: className} : {})}>
+            <ul key={"changelog-ul"} {...(className ? {className: className} : {})}>
                 {children.slice(start, length)}
             </ul>,
-            <Button variant="link" onClick={this.handleClick}
+            <Button key={"changelog-button"} variant="link" onClick={this.handleClick}
                  {...(length >= children.length ? {disabled: 'true'} : {})}>
                 {text}
             </Button>
diff --git a/src/profile.js b/src/profile.js
index 3f3ca2d7e..85c79d712 100644
--- a/src/profile.js
+++ b/src/profile.js
@@ -383,6 +383,7 @@ var Profile = CreateClass({
                         [
 
                     <TextWithTooltip tooltip={intl.translate("残HP割合説明(ジータのみ)", locale)}
+                                     key={"remainHP"}
                                      id={"tooltip-remain-hp-djeeta-detail"}>
                         <tr>
                             <th className="bg-primary">
@@ -655,7 +656,7 @@ var Profile = CreateClass({
 
                     {this.state.openLBlist ?
                         [
-                    <TextWithTooltip tooltip={intl.translate("LB 属性攻撃の説明", locale)} id={"tooltip-critical-zenith-detail"}>
+                    <TextWithTooltip tooltip={intl.translate("LB 属性攻撃の説明", locale)} id={"tooltip-critical-zenith-detail"} key={"zenithElementBonus"}>
                         <tr>
                             <th className="bg-primary">{intl.translate("LB 属性攻撃", locale)}</th>
                             <td><FormControl componentClass="select" value={this.state.zenithElementBonus}
@@ -664,7 +665,7 @@ var Profile = CreateClass({
                         </tr>
                     </TextWithTooltip>,
 
-                    <TextWithTooltip tooltip={intl.translate("LB チェンバの説明", locale)} id={"tooltip-chaindamage-zenith-detail"}>
+                    <TextWithTooltip tooltip={intl.translate("LB チェンバの説明", locale)} id={"tooltip-chaindamage-zenith-detail"} key={"zenithChainDamageBonus"}>
                         <tr>
                             <th className="bg-primary">{intl.translate("LB チェンバ", locale)}</th>
                             <td><FormControl componentClass="select" value={this.state.zenithChainDamageBonus}
@@ -673,7 +674,7 @@ var Profile = CreateClass({
                         </tr>
                     </TextWithTooltip>,
 
-                    <TextWithTooltip tooltip={intl.translate("LB チェンバ上限の説明", locale)} id={"tooltip-chaindamagelimit-zenith-detail"}>
+                    <TextWithTooltip tooltip={intl.translate("LB チェンバ上限の説明", locale)} id={"tooltip-chaindamagelimit-zenith-detail"} key={"zenithChainDamageLimitBonus"}>
                         <tr>
                             <th className="bg-primary">{intl.translate("LB チェンバ上限", locale)}</th>
                             <td><FormControl componentClass="select" value={this.state.zenithChainDamageLimitBonus}
@@ -682,7 +683,7 @@ var Profile = CreateClass({
                         </tr>
                     </TextWithTooltip>,
 
-                    <TextWithTooltip tooltip={intl.translate("得意武器攻撃の説明", locale)} id={"tooltip-weapon-zenith-detail"}>
+                    <TextWithTooltip tooltip={intl.translate("得意武器攻撃の説明", locale)} id={"tooltip-weapon-zenith-detail"} key={"zenithBonus1"}>
                         <tr>
                             <th className="bg-primary">
                                 {intl.translate("得意武器攻撃1", locale)}({intl.translate(armTypes[Jobs[this.state.job].favArm1], locale)})
@@ -693,7 +694,7 @@ var Profile = CreateClass({
                         </tr>
                     </TextWithTooltip>,
 
-                    <TextWithTooltip tooltip={intl.translate("得意武器攻撃の説明", locale)} id={"tooltip-weapon-zenith-detail"}>
+                    <TextWithTooltip tooltip={intl.translate("得意武器攻撃の説明", locale)} id={"tooltip-weapon-zenith-detail"} key={"zenithBonus2"}>
                         <tr>
                             <th className="bg-primary">
                                 {intl.translate("得意武器攻撃2", locale)}({intl.translate(armTypes[Jobs[this.state.job].favArm2], locale)})
diff --git a/src/result.js b/src/result.js
index 49384c5bb..4bae871bf 100644
--- a/src/result.js
+++ b/src/result.js
@@ -1398,7 +1398,7 @@ var Result = CreateClass({
 
                 for (var key in charaDetail) {
                     if (charaDetail[key].length > 0) {
-                        res.push(<tr>
+                        res.push(<tr key={"chara-result-" + key}>
                             <td colSpan="3">
                                 <span className="text-info">{key}</span>
                             </td>