\n {/* Logo */}\n

onViewChange('home')}\n >\n

\n T\n

\n TaskSwap\n

\n\n {/* Navigation */}\n

\n onViewChange('browse')}\n className={`text-sm font-medium transition-colors ${\n currentView === 'browse' \n ? 'text-primary' \n : 'text-gray-600 hover:text-gray-900'\n }`}\n >\n Browse Tasks\n \n \n {isAuthenticated && (\n <>\n onViewChange('dashboard')}\n className={`text-sm font-medium transition-colors ${\n currentView === 'dashboard' \n ? 'text-primary' \n : 'text-gray-600 hover:text-gray-900'\n }`}\n >\n Dashboard\n \n \n \n + Create Task\n \n \n )}\n

\n\n {/* User Menu */}\n

\n {isAuthenticated && user ? (\n

\n setShowUserMenu(!showUserMenu)}\n className=\"flex items-center gap-3 p-2 rounded-lg hover:bg-gray-50 transition-colors\"\n >\n \n

\n {user.full_name}\n

\n {user.tokens} tokens\n

\n \n \n\n {showUserMenu && (\n

\n {user.full_name}\n

\n @{user.username}\n

\n \n {\n onViewChange('dashboard');\n setShowUserMenu(false);\n }}\n className=\"w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-50\"\n >\n Dashboard\n \n \n {\n onCreateTask();\n setShowUserMenu(false);\n }}\n className=\"w-full text-left px-4 py-2 text-sm text-gray-700 hover:bg-gray-50\"\n >\n Create Task\n \n \n

\n {\n onLogout();\n setShowUserMenu(false);\n }}\n className=\"w-full text-left px-4 py-2 text-sm text-red-600 hover:bg-red-50\"\n >\n Sign Out\n \n

\n )}\n

\n ) : (\n

\n \n Log In\n \n \n Sign Up\n \n

\n )}\n

\n\n {/* Mobile Navigation */}\n {isAuthenticated && (\n

\n onViewChange('browse')}\n className={`flex flex-col items-center gap-1 p-2 text-xs ${\n currentView === 'browse' ? 'text-primary' : 'text-gray-600'\n }`}\n >\n 🔍\n Browse\n \n \n onViewChange('dashboard')}\n className={`flex flex-col items-center gap-1 p-2 text-xs ${\n currentView === 'dashboard' ? 'text-primary' : 'text-gray-600'\n }`}\n >\n 📊\n Dashboard\n \n \n \n ➕\n Create\n \n

\n )}\n\n {/* Click outside to close user menu */}\n {showUserMenu && (\n

setShowUserMenu(false)}\n />\n )}\n

\n );\n}","deleted","label",[169,170,151],"frontend","components","permalink","https://www.val.town/x/vishuu6969696969/taskswap/code/frontend/components/Header.tsx","extension","actionData","errors"]