rede5/gohorsejobs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(navbar): 🗣️ navbar speaks all languages now

Browse source
This commit is contained in:
Tiago Yamamoto 2025-12-15 09:00:49 -03:00
parent ba1385b080
commit 92b1515b26
1 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

18
frontend/src/components/navbar.tsx
View file

@ -5,17 +5,20 @@ import Link from "next/link"
import Image from "next/image" import Image from "next/image"
import { Button } from "@/components/ui/button" import { Button } from "@/components/ui/button"
import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet" import { Sheet, SheetContent, SheetTrigger } from "@/components/ui/sheet"
import { Menu, Briefcase, User, LogIn } from "lucide-react" import { Menu, User, LogIn } from "lucide-react"
import { getCurrentUser } from "@/lib/auth" import { getCurrentUser } from "@/lib/auth"
import { useTranslation } from "@/lib/i18n"
import { LanguageSwitcher } from "@/components/language-switcher"
export function Navbar() { export function Navbar() {
const [isOpen, setIsOpen] = useState(false) const [isOpen, setIsOpen] = useState(false)
const user = getCurrentUser() const user = getCurrentUser()
const { t } = useTranslation()
const navigationItems = [ const navigationItems = [
{ href: "/vagas", label: "Vagas" }, { href: "/vagas", label: t('nav.jobs') },
{ href: "/sobre", label: "Sobre" }, { href: "/sobre", label: t('nav.about') },
{ href: "/contato", label: "Contato" }, { href: "/contato", label: t('nav.contact') },
] ]
return ( return (
@ -42,8 +45,9 @@ export function Navbar() {
))} ))}
</div> </div>
{/* Desktop Auth Buttons */} {/* Desktop Auth Buttons + Language Switcher */}
<div className="hidden md:flex items-center gap-4"> <div className="hidden md:flex items-center gap-4">
<LanguageSwitcher />
{user ? ( {user ? (
<Link href={user.role === "admin" ? "/dashboard/admin" : "/dashboard/candidato"}> <Link href={user.role === "admin" ? "/dashboard/admin" : "/dashboard/candidato"}>
<Button variant="ghost" className="gap-2"> <Button variant="ghost" className="gap-2">
@ -56,13 +60,13 @@ export function Navbar() {
<Link href="/login"> <Link href="/login">
<Button variant="ghost" className="gap-2"> <Button variant="ghost" className="gap-2">
<LogIn className="w-4 h-4" /> <LogIn className="w-4 h-4" />
Entrar {t('nav.login')}
</Button> </Button>
</Link> </Link>
<Link href="/cadastro/candidato"> <Link href="/cadastro/candidato">
<Button className="gap-2"> <Button className="gap-2">
<User className="w-4 h-4" /> <User className="w-4 h-4" />
Cadastrar {t('nav.register')}
</Button> </Button>
</Link> </Link>
</> </>