FreelanceHub

\n {user.user_type === 'freelancer' ? 'Freelancer' : 'Client'} Dashboard\n

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

{user.name}

{user.email}

\n \n

\n setIsMenuOpen(!isMenuOpen)}\n className=\"flex items-center space-x-2 p-2 rounded-lg hover:bg-gray-100 transition-colors\"\n >\n

\n {user.name.charAt(0).toUpperCase()}\n

\n \n \n\n {/* Dropdown Menu */}\n {isMenuOpen && (\n

\n {\n onPageChange('profile');\n setIsMenuOpen(false);\n }}\n className=\"flex items-center space-x-2 w-full px-4 py-2 text-left text-gray-700 hover:bg-gray-100\"\n >\n 👤\n Profile Settings\n \n

\n {\n onLogout();\n setIsMenuOpen(false);\n }}\n className=\"flex items-center space-x-2 w-full px-4 py-2 text-left text-red-600 hover:bg-red-50\"\n >\n 🚪\n Logout\n \n

\n )}\n

\n\n {/* Mobile Menu Button */}\n setIsMenuOpen(!isMenuOpen)}\n className=\"md:hidden p-2 rounded-lg hover:bg-gray-100\"\n >\n \n \n

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

\n {navItems.map((item) => (\n {\n onPageChange(item.id);\n setIsMenuOpen(false);\n }}\n className={`flex items-center space-x-3 w-full px-4 py-3 rounded-lg transition-colors ${\n currentPage === item.id\n ? 'bg-blue-100 text-blue-700'\n : 'text-gray-600 hover:text-gray-900 hover:bg-gray-100'\n }`}\n >\n {item.icon}\n {item.label}\n \n ))}\n

\n )}\n

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