💬 Public Chat Room

Discuss job opportunities and connect with others

\n \n 🔄 Refresh\n \n

\n\n {/* Error Message */}\n {error && (\n

\n {error}\n

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

\n {Object.keys(groupedMessages).length === 0 ? (\n

💬

No messages yet. Start the conversation!

\n ) : (\n Object.entries(groupedMessages).map(([date, dayMessages]) => (\n

\n {/* Date Separator */}\n

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

\n \n {/* Messages for this date */}\n {dayMessages.map((msg, index) => {\n const prevMsg = index > 0 ? dayMessages[index - 1] : null;\n const isConsecutive = prevMsg && prevMsg.username === msg.username;\n \n return (\n

\n {!isConsecutive && (\n

\n {msg.username}\n {formatTime(msg.created_at)}\n

\n )}\n

\n {msg.message}\n

\n );\n })}\n

\n ))\n )}\n

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

\n setUsername(e.target.value)}\n placeholder=\"Your name\"\n maxLength={50}\n className=\"w-32 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n setMessage(e.target.value)}\n placeholder=\"Type your message...\"\n maxLength={500}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500\"\n />\n

\n \n {sending ? 'Sending...' : 'Send'}\n \n

\n {message.length}/500 characters\n

\n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/hyeaman1/AppforPrince/code/frontend/components/ChatRoom.tsx","extension","actionData","errors"]