+ {!userName && createPortal(
+
+
+
Введіть ім'я
+ setTempUserName(e.target.value)}
+ onKeyDown={(e) => e.key === 'Enter' && handleLogin()}
+ placeholder="Ваш нікнейм..."
+ />
+
+
+
,
+ document.body
+ )}
+
+
+ {activeRoom ? (
+ <>
+
+ {messages.filter(m => m.roomId === activeRoom).map((m, i) => (
+
+
+ {m.author}
+ {m.time}
+
+
{m.text}
+
+ ))}
+
Оберіть кімнату, щоб почати чат
+ )}
+
+
+ {isModalOpen && createPortal(
+
+
+
Нова кімната
+ setNewRoomName(e.target.value)}
+ placeholder="Назва кімнати..."
+ onKeyDown={(e) => e.key === 'Enter' && createRoom()}
+ autoFocus
+ />
+
+
+
+
,
+ document.body
+ )}
+
+