Chat Room

Discuss job opportunities and connect with others

\n\n {/* Username Input */}\n {!username && (\n

\n \n Enter your name to start chatting:\n \n setUsername(e.target.value)}\n className=\"w-full max-w-xs px-3 py-2 border border-blue-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n placeholder=\"Your name\"\n onKeyPress={(e) => e.key === 'Enter' && setUsername(username.trim())}\n />\n

\n )}\n\n {/* Chat Container */}\n

\n {/* Messages */}\n

\n {messages.length === 0 ? (\n

💬

No messages yet. Start the conversation!

\n ) : (\n

\n {Object.entries(messageGroups).map(([dateKey, dayMessages]) => (\n

\n {/* Date separator */}\n

\n {formatDate(dayMessages[0].created_at)}\n

\n \n {/* Messages for this date */}\n {dayMessages.map((message, index) => {\n const isOwnMessage = message.username === username;\n return (\n \n \n {!isOwnMessage && (\n

\n {message.username}\n

\n )}\n

{message.message}

\n {formatTime(message.created_at)}\n

\n );\n })}\n

\n ))}\n

\n )}\n

\n\n {/* Message Input */}\n

\n {error && (\n

\n {error}\n

\n )}\n \n

\n \n );\n}","deleted","label",[171,172,154],"frontend","components","permalink","https://www.val.town/x/Iyke/job-posting-and-chatroom/code/frontend/components/ChatRoom.tsx","extension","actionData","errors"]