diff options
Diffstat (limited to 'src/renderer/src/components/Toolbar.tsx')
| -rw-r--r-- | src/renderer/src/components/Toolbar.tsx | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/renderer/src/components/Toolbar.tsx b/src/renderer/src/components/Toolbar.tsx index b89385a..7cbaa7f 100644 --- a/src/renderer/src/components/Toolbar.tsx +++ b/src/renderer/src/components/Toolbar.tsx @@ -108,8 +108,9 @@ export default function Toolbar({ onCompile, onLocalCompile, onBack }: ToolbarPr {showUsersPopover && ( <div className="users-popover"> <div className="users-popover-title">Online Users</div> - {Array.from(remoteCursors.values()).map((u) => ( - <div key={u.userId} className="users-popover-item"> + {/* Key by client id (map key) — one user can have several clients */} + {Array.from(remoteCursors.entries()).map(([clientId, u]) => ( + <div key={clientId} className="users-popover-item"> <span className="users-popover-dot" style={{ background: u.color }} /> <span className="users-popover-name">{u.name}</span> </div> |