Loading chat...

\n );\n }\n\n return (\n

\n {/* Username Input */}\n

\n \n Your Name\n \n handleUsernameChange(e.target.value)}\n className=\"block w-full border-gray-300 rounded-md shadow-sm focus:ring-blue-500 focus:border-blue-500 sm:text-sm px-3 py-2 border\"\n placeholder=\"Enter your name\"\n maxLength={50}\n />\n

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

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

💬

No messages yet. Be the first to start the conversation!

\n ) : (\n

\n {messages.map((message, index) => {\n const showDate = index === 0 || \n formatDate(message.timestamp) !== formatDate(messages[index - 1].timestamp);\n \n return (\n

\n {showDate && (\n

\n {formatDate(message.timestamp)}\n

\n )}\n

\n {message.username}\n \n {formatTime(message.timestamp)}\n \n

\n {message.message}\n

\n );\n })}\n

\n )}\n

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

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