import React from "react"; import { Link } from "react-router-dom"; import { CopyButton } from "../button"; import { Facepile } from "../Facepile"; import { Avatar } from "../Avatar"; import { ReactComponent as VideoIcon } from "../icons/Video.svg"; import styles from "./CallList.module.css"; import { getRoomUrl } from "../matrix-utils"; import { Body, Caption } from "../typography/Typography"; export function CallList({ rooms, client }) { return ( <>

{rooms.map(({ roomId, roomName, avatarUrl, participants }) => ( ))} {rooms.length > 3 && ( <>

)}

); } function CallTile({ name, avatarUrl, roomId, participants, client }) { return (

} className={styles.avatar} />

{name} {getRoomUrl(roomId)} {participants && ( )}

); }