|
|
@@ -26,12 +26,10 @@ class UserPictureList extends React.Component {
|
|
|
|
|
|
render() {
|
|
|
const users = this.state.users.map((user) => {
|
|
|
- const userTarget = <span id={`span-${user._id}`}><UserPicture user={user} size="xs" ref={`userPicture-${user._id}`} /></span>;
|
|
|
-
|
|
|
return (
|
|
|
- <span>
|
|
|
+ <>
|
|
|
{/* workaround from https://github.com/react-bootstrap/react-bootstrap/issues/2208#issuecomment-301737531 */}
|
|
|
- {userTarget}
|
|
|
+ <span id={`span-${user._id}`}><UserPicture user={user} size="xs" ref={`userPicture-${user._id}`} /></span>
|
|
|
<UncontrolledTooltip
|
|
|
id={`tooltip-${user._id}`}
|
|
|
placement="bottom"
|
|
|
@@ -39,7 +37,7 @@ class UserPictureList extends React.Component {
|
|
|
>
|
|
|
@{user.username}<br />{user.name}
|
|
|
</UncontrolledTooltip>
|
|
|
- </span>
|
|
|
+ </>
|
|
|
);
|
|
|
});
|
|
|
|