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

Community Chat

\n Connect with fellow freelancers and clients in real-time\n

\n \n {connected ? 'Connected' : 'Disconnected'}\n \n

\n\n

\n {/* Chat Header */}\n

💬

General Discussion

\n Share tips, ask questions, and network with the community\n

\n {messages.length} messages\n

\n\n {/* Messages Area */}\n

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

💭

No messages yet

Be the first to start the conversation!

\n ) : (\n messages.map((message) => (\n \n

\n {!isOwnMessage(message) && (\n

\n {message.user_name}\n

\n )}\n

{message.message}

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

\n \n {/* Avatar */}\n

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

\n ))\n )}\n

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

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

💡 Chat Guidelines

• Be respectful and professional
• Share knowledge and help others
• No spam or self-promotion
• Keep discussions relevant to freelancing and business
• Use direct messages for private conversations

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