Fix call tile copy button

This commit is contained in:
Robert Long
2021-12-10 14:01:55 -08:00
parent c5728b2f66
commit 10f1446415
3 changed files with 34 additions and 18 deletions

View File

@@ -28,24 +28,27 @@ export function CallList({ title, rooms }) {
function CallTile({ name, avatarUrl, roomId, participants }) {
return (
<Link to={`/room/${roomId}`} className={styles.callTile}>
<Avatar
size="md"
bgKey={name}
src={avatarUrl}
fallback={<VideoIcon width={16} height={16} />}
className={styles.avatar}
/>
<div className={styles.callInfo}>
<h5>{name}</h5>
<p>{roomId}</p>
{participants && <Facepile participants={participants} />}
</div>
<div className={styles.callTile}>
<Link to={`/room/${roomId}`} className={styles.callTileLink}>
<Avatar
size="md"
bgKey={name}
src={avatarUrl}
fallback={<VideoIcon width={16} height={16} />}
className={styles.avatar}
/>
<div className={styles.callInfo}>
<h5>{name}</h5>
<p>{roomId}</p>
{participants && <Facepile participants={participants} />}
</div>
<div className={styles.copyButtonSpacer} />
</Link>
<CopyButton
className={styles.copyButton}
variant="icon"
value={getRoomUrl(roomId)}
/>
</Link>
</div>
);
}