mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-11-27 03:36:07 +03:00
Code Issues Projects Releases Packages Wiki Activity

fix super-annoying key warning from react

Browse source
This commit is contained in:
Matthew Hodgson 2016-04-13 02:02:55 +01:00
parent 92f58b6927
commit f3793b556e
1 changed files with 7 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/components/views/rooms/MessageComposer.js
View file

@ -127,7 +127,7 @@ module.exports = React.createClass({
var controls = []; var controls = [];
controls.push( controls.push(
<div className="mx_MessageComposer_avatar"> <div key="controls_avatar" className="mx_MessageComposer_avatar">
<MemberAvatar member={me} width={24} height={24} /> <MemberAvatar member={me} width={24} height={24} />
</div> </div>
); );
@ -135,17 +135,17 @@ module.exports = React.createClass({
var callButton, videoCallButton, hangupButton; var callButton, videoCallButton, hangupButton;
if (this.props.callState && this.props.callState !== 'ended') { if (this.props.callState && this.props.callState !== 'ended') {
hangupButton = hangupButton =
<div className="mx_MessageComposer_hangup" onClick={this.onHangupClick}> <div key="controls_hangup" className="mx_MessageComposer_hangup" onClick={this.onHangupClick}>
<img src="img/hangup.svg" alt="Hangup" title="Hangup" width="25" height="26"/> <img src="img/hangup.svg" alt="Hangup" title="Hangup" width="25" height="26"/>
</div>; </div>;
} }
else { else {
callButton = callButton =
<div className="mx_MessageComposer_voicecall" onClick={this.onVoiceCallClick} title="Voice call"> <div key="controls_call" className="mx_MessageComposer_voicecall" onClick={this.onVoiceCallClick} title="Voice call">
<TintableSvg src="img/voice.svg" width="16" height="26"/> <TintableSvg src="img/voice.svg" width="16" height="26"/>
</div> </div>
videoCallButton = videoCallButton =
<div className="mx_MessageComposer_videocall" onClick={this.onCallClick} title="Video call"> <div key="controls_videocall" className="mx_MessageComposer_videocall" onClick={this.onCallClick} title="Video call">
<TintableSvg src="img/call.svg" width="30" height="22"/> <TintableSvg src="img/call.svg" width="30" height="22"/>
</div> </div>
} }
@ -158,7 +158,7 @@ module.exports = React.createClass({
// check separately for whether we can call, but this is slightly // check separately for whether we can call, but this is slightly
// complex because of conference calls. // complex because of conference calls.
var uploadButton = ( var uploadButton = (
<div className="mx_MessageComposer_upload" <div key="controls_upload" className="mx_MessageComposer_upload"
onClick={this.onUploadClick} title="Upload file"> onClick={this.onUploadClick} title="Upload file">
<TintableSvg src="img/upload.svg" width="19" height="24"/> <TintableSvg src="img/upload.svg" width="19" height="24"/>
<input ref="uploadInput" type="file" <input ref="uploadInput" type="file"
@ -169,7 +169,7 @@ module.exports = React.createClass({
); );
controls.push( controls.push(
<MessageComposerInput tabComplete={this.props.tabComplete} <MessageComposerInput key="controls_input" tabComplete={this.props.tabComplete}
onResize={this.props.onResize} room={this.props.room} />, onResize={this.props.onResize} room={this.props.room} />,
uploadButton, uploadButton,
hangupButton, hangupButton,
@ -178,7 +178,7 @@ module.exports = React.createClass({
); );
} else { } else {
controls.push( controls.push(
<div className="mx_MessageComposer_noperm_error"> <div key="controls_error" className="mx_MessageComposer_noperm_error">
You do not have permission to post to this room You do not have permission to post to this room
</div> </div>
); );