mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web.git synced 2024-12-12 03:26:56 +03:00
Code Issues Projects Releases Packages Wiki Activity

Only use DNDRoomTile for editable sub lists

Browse source 
Otherwise, the DND tile will expect to be within a Droppable,
which is not supported by react-beautiful-dnd. This was causing
errors when receiving an invite.

Fixes #6144
This commit is contained in:
Luke Barnard 2018-02-16 11:02:52 +00:00
parent 332640c4ba
commit 0605d96014
1 changed files with 21 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

39
src/components/structures/RoomSubList.js
View file

@ -194,26 +194,27 @@ var RoomSubList = React.createClass({
}, },
makeRoomTiles: function() { makeRoomTiles: function() {
var self = this; const DNDRoomTile = sdk.getComponent("rooms.DNDRoomTile");
var DNDRoomTile = sdk.getComponent("rooms.DNDRoomTile"); const RoomTile = sdk.getComponent("rooms.RoomTile");
return this.state.sortedList.map(function(room, index) { return this.state.sortedList.map((room, index) => {
// XXX: is it evil to pass in self as a prop to RoomTile? // XXX: is it evil to pass in this as a prop to RoomTile? Yes.
return (
<DNDRoomTile // We should only use <DNDRoomTile /> when editable
const RoomTileComponent = this.props.editable ? DNDRoomTile : RoomTile;
return <RoomTileComponent
index={index} // For DND index={index} // For DND
room={ room } room={room}
roomSubList={ self } roomSubList={this}
tagName={self.props.tagName} tagName={this.props.tagName}
key={ room.roomId } key={room.roomId}
collapsed={ self.props.collapsed || false} collapsed={this.props.collapsed || false}
unread={ Unread.doesRoomHaveUnreadMessages(room) } unread={Unread.doesRoomHaveUnreadMessages(room)}
highlight={ room.getUnreadNotificationCount('highlight') > 0 || self.props.isInvite } highlight={room.getUnreadNotificationCount('highlight') > 0 || this.props.isInvite}
isInvite={ self.props.isInvite } isInvite={this.props.isInvite}
refreshSubList={ self._updateSubListCount } refreshSubList={this._updateSubListCount}
incomingCall={ null } incomingCall={null}
onClick={ self.onRoomTileClick } onClick={this.onRoomTileClick}
/> />;
);
}); });
}, },