\n {/* Chat Rooms Sidebar */}\n

💬 Conversations

\n \n

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

No conversations yet.

\n {user.type === 'employer' \n ? 'Conversations will appear when job seekers apply to your jobs.'\n : 'Apply to jobs to start conversations with employers.'\n }\n

\n ) : (\n

\n {rooms.map((room) => (\n setCurrentRoom(room)}\n className={`w-full text-left p-3 rounded-lg hover:bg-gray-50 ${\n currentRoom?.application_id === room.application_id \n ? 'bg-blue-50 border border-blue-200' \n : ''\n }`}\n >\n

\n {room.job_title}\n

\n {user.type === 'employer' ? room.jobseeker_name : room.employer_name}\n

\n {room.last_message && (\n

\n {room.last_message}\n

\n )}\n {room.last_message_time && (\n

\n {formatTime(room.last_message_time)}\n

\n )}\n \n ))}\n

\n )}\n

\n\n {/* Chat Messages */}\n

\n {currentRoom ? (\n <>\n {/* Chat Header */}\n

{currentRoom.job_title}

\n Conversation with {user.type === 'employer' ? currentRoom.jobseeker_name : currentRoom.employer_name}\n

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

\n {loading ? (\n

Loading messages...

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

No messages yet.

Start the conversation!

\n ) : (\n

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

\n {showDate && (\n

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

\n )}\n

{message.message}

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

\n );\n })}\n

\n )}\n

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

💬

Select a conversation to start chatting

\n )}\n

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