💬 Public Chat Room

\n Network, ask questions, and discuss job opportunities\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((message) => (\n

\n \n {message.name.charAt(0).toUpperCase()}\n \n

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

\n {message.message}\n

\n ))}\n

\n ))\n )}\n

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

\n setFormData({ ...formData, name: e.target.value })}\n className=\"w-32 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm\"\n maxLength={50}\n required\n />\n setFormData({ ...formData, message: e.target.value })}\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent text-sm\"\n maxLength={500}\n required\n />\n \n {sending ? '...' : 'Send'}\n \n

\n Messages are public and visible to everyone. Be respectful and professional.\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/FaRak/Fadwa_JobBoard_ChatApp/code/frontend/components/ChatRoom.tsx","extension","actionData","errors"]