|
|
|
@ -1,11 +1,22 @@ |
|
|
|
import { FC } from "react"; |
|
|
|
import { Link } from "react-router-dom"; |
|
|
|
|
|
|
|
import { RoomState } from "modules/room/slice"; |
|
|
|
import { getUserDetailsPath } from "modules/user/paths"; |
|
|
|
|
|
|
|
const Members: FC<Props> = ({ room }) => { |
|
|
|
const children = []; |
|
|
|
for (const member of room.members) { |
|
|
|
children.push(<li key={member}>{member}</li>); |
|
|
|
children.push( |
|
|
|
<li key={member}> |
|
|
|
<Link |
|
|
|
to={getUserDetailsPath(member)} |
|
|
|
className="underline hover:text-yellow-800" |
|
|
|
> |
|
|
|
{member} |
|
|
|
</Link> |
|
|
|
</li> |
|
|
|
); |
|
|
|
} |
|
|
|
|
|
|
|
return <ul>{children}</ul>; |
|
|
|
|