Community Chat

Connect with fellow IT professionals and discuss opportunities

\n\n

\n {/* Connection Status */}\n

\n {connected ? 'Connected' : 'Connecting...'}\n {messages.length > 0 && (\n {messages.length} messages\n )}\n

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

\n ⚠️\n {error}\n \n Retry\n \n

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

\n {loading ? (\n

Loading messages...

\n ) : messages.length === 0 ? (\n

💬

No messages yet

Be the first to start the conversation!

\n ) : (\n

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

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

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

\n \n {/* Messages for this date */}\n {dayMessages.map((message, index) => {\n const isOwnMessage = message.username === username;\n const showUsername = index === 0 || dayMessages[index - 1].username !== message.username;\n \n return (\n \n

\n {showUsername && (\n

\n {message.username}\n

\n )}\n \n

{message.message}

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

\n );\n })}\n

\n ))}\n

\n )}\n

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

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

\n setUsername(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500\"\n maxLength={50}\n />\n

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

\n setNewMessage(e.target.value)}\n disabled={!username || sending}\n className=\"flex-1 px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500 disabled:bg-gray-100\"\n maxLength={500}\n />\n \n {sending ? (\n

\n ) : (\n '📤'\n )}\n \n

\n \n {/* Character Count */}\n

\n \n {username && `Chatting as ${username}`}\n {!username && (\n setUsername(`User${Math.floor(Math.random() * 1000)}`)}\n className=\"text-blue-600 hover:text-blue-800 underline\"\n >\n Use random name\n \n )}\n \n {newMessage.length}/500\n

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

💡 Chat Guidelines

• Keep discussions professional and respectful
• Share job opportunities, career advice, and industry insights
• No spam, self-promotion, or inappropriate content
• Be helpful and supportive to fellow community members

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