From e8bf349b310c4d9286fc65afd08e90792d310fcf Mon Sep 17 00:00:00 2001
From: Titouan Rigoudy <titouan.rigoudy@gmail.com>
Date: Fri, 5 Nov 2021 19:09:08 +0100
Subject: [PATCH] Link from room members to user details.

---
 src/modules/room/RoomDetails.tsx | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/modules/room/RoomDetails.tsx b/src/modules/room/RoomDetails.tsx
index d0dc7ba..5939b86 100644
--- a/src/modules/room/RoomDetails.tsx
+++ b/src/modules/room/RoomDetails.tsx
@@ -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>;