import React, { useMemo } 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 "./ConferenceCallManagerHooks"; export function CallList({ title, rooms }) { return ( <>

{title}

{rooms.map(({ roomId, roomName, avatarUrl, participants }) => ( ))}
); } function CallTile({ name, avatarUrl, roomId, participants }) { return (
} className={styles.avatar} />
{name}

{getRoomUrl(roomId)}

{participants && }
); }