+
Rooms list
+ {rooms.map(room => (
+
onSelect(room.id)}
+ style={{ borderLeft: '15px solid lightblue', margin: '20px' }}
+ key={room.id}
+ >
+
+
+ ))}
+
+
+
+
+ );
+};
diff --git a/client/src/components/UsernameSetter.tsx b/client/src/components/UsernameSetter.tsx
new file mode 100644
index 000000000..085ac2f71
--- /dev/null
+++ b/client/src/components/UsernameSetter.tsx
@@ -0,0 +1,31 @@
+import { useState } from 'react';
+
+interface Props {
+ onUsernameSet: (username: string) => void;
+}
+
+export const UsernameSetter: React.FC