remove IconKey warning ('key' prop is special, doesn't get forwarded)

src/common/icon-button.js

@@ -35,7 +35,7 @@ class IconButton extends React.Component {
     }
 
     return <OverlayTrigger
-      key={this.props.key}
+      key={this.props.ikey}
       placement={'top'}
       overlay={<Tooltip id={`tooltip-${"add"}`}>{this.props.tooltip}</Tooltip>} >
       <Button

src/componentconfig/config-table.js

@@ -304,13 +304,13 @@ class ConfigTable extends Component {
         <h2 style={this.props.tableHeadingStyle}>Component Configurations
           <span className='icon-button'>
           <IconButton
-            key={0}
+            ikey={0}
             tooltip='Add Component Configuration'
             onClick={() => this.addConfig()}
             icon='plus'
           />
           <IconButton
-            key={1}
+            ikey={1}
             tooltip='Import Component Configuration'
             onClick={() => this.setState({ importConfigModal: true })}
             icon='upload'

src/dashboard/dashboard-table.js

@@ -144,13 +144,13 @@ class DashboardTable extends Component {
         <h2 style={this.props.tableHeadingStyle}>Dashboards
           <span className='icon-button'>
               <IconButton
-                key={0}
+                ikey={0}
                 tooltip='Add Dashboard'
                 onClick={() => this.setState({newDashboardModal: true})}
                 icon='plus'
               />
               <IconButton
-                key={1}
+                ikey={1}
                 tooltip='Import Dashboard'
                 onClick={() => this.setState({importDashboardModal: true})}
                 icon='upload'

src/ic/ics.js

@@ -472,13 +472,13 @@ class InfrastructureComponents extends Component {
           {this.state.currentUser.role === "Admin" ?
             <span className='icon-button'>
               <IconButton
-                alt={1}
+                ikey={1}
                 tooltip='Add Infrastructure Component'
                 onClick={() => this.setState({newModal: true})}
                 icon='plus'
               />
               <IconButton
-                alt={1}
+                ikey={1}
                 tooltip='Import Infrastructure Component'
                 onClick={() => this.setState({importModal: true})}
                 icon='upload'

src/result/result-table.js

@@ -161,7 +161,7 @@ class ResultTable extends Component {
         <h2 style={this.props.tableHeadingStyle}>Results
           <span className='icon-button'>
           <IconButton
-            key={1}
+            ikey={1}
             tooltip='Add Result'
             onClick={() => this.setState({ newResultModal: true })}
             icon='plus'

src/scenario/scenario.js

@@ -129,7 +129,7 @@ class Scenario extends React.Component {
     return <div className='section'>
       <div className='section-buttons-group-right'>
         <IconButton
-          key="0"
+          ikey="0"
           tooltip="Add, edit or delete files of scenario"
           onClick={this.onEditFiles.bind(this)}
           icon="file"

src/scenario/scenarios.js

@@ -236,13 +236,13 @@ class Scenarios extends Component {
         <h1>Scenarios
           <span className='icon-button'>
             <IconButton
-              key={0}
+              ikey={0}
               tooltip='Add Scenario'
               onClick={() => this.setState({ newModal: true })}
               icon='plus'
             />
             <IconButton
-              key={1}
+              ikey={1}
               tooltip='Import Scenario'
               onClick={() => this.setState({ importModal: true })}
               icon='upload'

src/user/users.js

@@ -119,7 +119,7 @@ class Users extends Component {
         <h1>Users
           <span className='icon-button'>
             <IconButton
-              key={0}
+              ikey={0}
               tooltip='Add User'
               onClick={() => this.setState({ newModal: true })}
               icon='plus'