|
@@ -20,10 +20,10 @@ function OnlineUsersWidget({ onlineUsers, goToUser }) {
|
|
|
/>
|
|
/>
|
|
|
<Dropdown.Menu>
|
|
<Dropdown.Menu>
|
|
|
<MenuItem header>{t('connected_users')}</MenuItem>
|
|
<MenuItem header>{t('connected_users')}</MenuItem>
|
|
|
- {onlineUsers.map(user => (
|
|
|
|
|
|
|
+ {onlineUsers.map((user, index) => (
|
|
|
<MenuItem
|
|
<MenuItem
|
|
|
as="button"
|
|
as="button"
|
|
|
- key={user.user_id}
|
|
|
|
|
|
|
+ key={`${user.user_id}_${index}`}
|
|
|
eventKey={user}
|
|
eventKey={user}
|
|
|
onSelect={goToUser}
|
|
onSelect={goToUser}
|
|
|
>
|
|
>
|
|
@@ -36,9 +36,9 @@ function OnlineUsersWidget({ onlineUsers, goToUser }) {
|
|
|
} else {
|
|
} else {
|
|
|
return (
|
|
return (
|
|
|
<div className="online-users">
|
|
<div className="online-users">
|
|
|
- {onlineUsers.map(user => (
|
|
|
|
|
|
|
+ {onlineUsers.map((user, index) => (
|
|
|
<OverlayTrigger
|
|
<OverlayTrigger
|
|
|
- key={user.user_id}
|
|
|
|
|
|
|
+ key={`${user.user_id}_${index}`}
|
|
|
placement="bottom"
|
|
placement="bottom"
|
|
|
trigger={['hover', 'focus']}
|
|
trigger={['hover', 'focus']}
|
|
|
overlay={<Tooltip id="tooltip-online-user">{user.name}</Tooltip>}
|
|
overlay={<Tooltip id="tooltip-online-user">{user.name}</Tooltip>}
|