💬 Public Chat Room

\n Negotiate prices, ask questions, and arrange meetups with other users!\n

\n\n

\n {/* Chat Messages */}\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.username}\n \n \n {formatTime(message.created_at)}\n \n

\n {message.message}\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-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n setNewMessage(e.target.value)}\n placeholder=\"Type your message...\"\n maxLength={500}\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n \n {isSubmitting ? \"⏳\" : \"Send\"}\n \n

\n \n {username.length}/50 characters\n \n \n {newMessage.length}/500 characters\n \n

\n\n {/* Chat Guidelines */}\n

\n ⚠️\n

Chat Guidelines:

Be respectful and courteous to all users
Use this space to negotiate prices and arrange meetups
Don't share sensitive personal information publicly
Report any inappropriate behavior

\n\n {/* Usage Tips */}\n

\n 💡\n

Tips for effective negotiation:

Reference specific items by their title
Ask questions about condition and features
Suggest meeting in safe, public locations
Be clear about your offer and timeline

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