\n {/* Header */}\n

\n RChat\n

\n Welcome, {user.username}\n

\n \n

\n setShowContactManager(true)}\n className=\"p-2 text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 hover:bg-gray-100 dark:hover:bg-gray-700 rounded-lg transition-colors\"\n title=\"Manage Contacts\"\n >\n \n \n \n \n \n \n

\n\n {/* Tabs */}\n

\n {(['all', 'people', 'groups', 'community'] as TabType[]).map((tab) => (\n {\n setActiveTab(tab);\n if (tab === 'community') {\n setShowChatRoom(true);\n }\n }}\n className={`flex-1 py-3 px-4 text-sm font-medium capitalize transition-colors ${\n activeTab === tab\n ? 'text-blue-600 dark:text-blue-400 border-b-2 border-blue-600 dark:border-blue-400'\n : 'text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-white'\n }`}\n >\n {tab}\n \n ))}\n

\n\n {/* Content */}\n

\n {activeTab === 'community' ? (\n

🏆

\n Community Chat Room\n

\n Post challenges, seek help, and collaborate with the community\n

\n setShowChatRoom(true)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white px-6 py-2 rounded-lg transition-colors\"\n >\n Enter Chat Room\n \n

\n ) : (\n \n )}\n

\n\n {/* Chat Room Icon (Bottom Left) */}\n

\n setShowChatRoom(true)}\n className=\"bg-blue-600 hover:bg-blue-700 text-white p-3 rounded-full shadow-lg chatroom-pulse transition-colors\"\n title=\"Chat Room - Post Challenges & Get Help\"\n >\n \n \n

\n );\n}","deleted","label",[168,169,150],"frontend","components","permalink","https://www.val.town/x/Remna/Remnachat/code/frontend/components/ChatTabs.tsx","extension","actionData","errors"]