FreelanceHub

Connect • Collaborate • Grow

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

\n setCurrentView('jobs')}\n icon=\"🚀\"\n label=\"Jobs\"\n />\n setCurrentView('profiles')}\n icon=\"👥\"\n label=\"Professionals\"\n />\n setCurrentView('chat')}\n icon=\"💬\"\n label=\"Community Chat\"\n />\n {currentUser && (\n setCurrentView('dashboard')}\n icon=\"📊\"\n label=\"Dashboard\"\n />\n )}\n

\n\n {/* User Actions */}\n

\n {currentUser ? (\n

{currentUser.name}

\n {currentUser.isFreelancer && currentUser.isClient ? 'Freelancer & Client' :\n currentUser.isFreelancer ? 'Freelancer' : 'Client'}\n

\n \n Logout\n \n

\n ) : (\n \n Join Community\n \n )}\n

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

\n setCurrentView('jobs')}\n icon=\"🚀\"\n label=\"Jobs\"\n />\n setCurrentView('profiles')}\n icon=\"👥\"\n label=\"Profiles\"\n />\n setCurrentView('chat')}\n icon=\"💬\"\n label=\"Chat\"\n />\n {currentUser && (\n setCurrentView('dashboard')}\n icon=\"📊\"\n label=\"Dashboard\"\n />\n )}\n

\n );\n}\n\nfunction NavLink({ active, onClick, icon, label }: {\n active: boolean;\n onClick: () => void;\n icon: string;\n label: string;\n}) {\n return (\n \n {icon}\n {label}\n \n );\n}\n\nfunction MobileNavLink({ active, onClick, icon, label }: {\n active: boolean;\n onClick: () => void;\n icon: string;\n label: string;\n}) {\n return (\n \n {icon}\n {label}\n \n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/sansiero/Freelancing/code/frontend/components/Navigation.tsx","extension","actionData","errors"]