24 lines
694 B
TypeScript
24 lines
694 B
TypeScript
import { HiOutlineUserGroup } from "react-icons/hi2";
|
|
|
|
import UserRow from "./UserRow";
|
|
type AttendeesContainerProps = {
|
|
attendees: string[];
|
|
};
|
|
export default function AttendeesContainer({
|
|
attendees,
|
|
}: AttendeesContainerProps) {
|
|
return (
|
|
<div className="overflow-hidden rounded-[1rem] border bg-muted p-[0.5rem]">
|
|
<div className="flex items-center gap-x-3 px-2 pb-2">
|
|
<HiOutlineUserGroup className="h-5 w-5" />
|
|
<h3 className="text-lg font-semibold">Attendees</h3>
|
|
</div>
|
|
<ul className="max-h-[200px] overflow-hidden">
|
|
{attendees.map((pubkey) => (
|
|
<UserRow key={pubkey} pubkey={pubkey} />
|
|
))}
|
|
</ul>
|
|
</div>
|
|
);
|
|
}
|