OpenCloud
/
riot-web
mirror of https://github.com/vector-im/riot-web
1
0
Fork 0
Code Issues Releases Wiki Activity

Fix React missing key error

pull/21833/head
Michael Telatynski 2021-07-15 11:49:44 +01:00
parent 59feff3763
commit b8ac40ae55
1 changed files with 15 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/components/views/rooms/EventTile.tsx
View File

@ -1152,11 +1152,11 @@ export default class EventTile extends React.Component<IProps, IState> {
"aria-live": ariaLive, "aria-live": ariaLive,
"aria-atomic": true, "aria-atomic": true,
"data-scroll-tokens": scrollToken, "data-scroll-tokens": scrollToken,
}, [ }, <>
ircTimestamp, { ircTimestamp }
avatar, { avatar }
sender, { sender }
ircPadlock, { ircPadlock }
<div className="mx_EventTile_reply" key="mx_EventTile_reply"> <div className="mx_EventTile_reply" key="mx_EventTile_reply">
{ groupTimestamp } { groupTimestamp }
{ groupPadlock } { groupPadlock }
@ -1169,8 +1169,8 @@ export default class EventTile extends React.Component<IProps, IState> {
replacingEventId={this.props.replacingEventId} replacingEventId={this.props.replacingEventId}
showUrlPreview={false} showUrlPreview={false}
/> />
</div>, </div>
]); </>);
} }
default: { default: {
const thread = ReplyThread.makeThread( const thread = ReplyThread.makeThread(
@ -1193,10 +1193,10 @@ export default class EventTile extends React.Component<IProps, IState> {
"data-scroll-tokens": scrollToken, "data-scroll-tokens": scrollToken,
"onMouseEnter": () => this.setState({ hover: true }), "onMouseEnter": () => this.setState({ hover: true }),
"onMouseLeave": () => this.setState({ hover: false }), "onMouseLeave": () => this.setState({ hover: false }),
}, [ }, <>
ircTimestamp, { ircTimestamp }
sender, { sender }
ircPadlock, { ircPadlock }
<div className="mx_EventTile_line" key="mx_EventTile_line"> <div className="mx_EventTile_line" key="mx_EventTile_line">
{ groupTimestamp } { groupTimestamp }
{ groupPadlock } { groupPadlock }
@ -1214,11 +1214,10 @@ export default class EventTile extends React.Component<IProps, IState> {
{ keyRequestInfo } { keyRequestInfo }
{ reactionsRow } { reactionsRow }
{ actionBar } { actionBar }
</div>, </div>
msgOption, { msgOption }
avatar, { avatar }
</>)
])
); );
} }
} }