diff --git a/src/components/footer.tsx b/src/components/footer.tsx index 5e82f0e..6f0e1ca 100644 --- a/src/components/footer.tsx +++ b/src/components/footer.tsx @@ -47,7 +47,14 @@ export default function Footer(props: Props) { variant="link" className="flex flex-col justify-center" > - + RSS feed diff --git a/src/components/header.astro b/src/components/header.astro index c1624ac..e8447b9 100644 --- a/src/components/header.astro +++ b/src/components/header.astro @@ -21,7 +21,7 @@ const locales = { top: "Arriba", navigation: "Navevación", }, -} as const; +}; const { lang } = Astro.props; --- @@ -34,7 +34,7 @@ const { lang } = Astro.props; >
- - Blog - - ), + type: "blog", + icon: , + }, + { type: "portfolio", icon: }, + { + type: "videos", + icon: , }, { - to: "/portfolio", - child: ( - <> - - Portfolio - - ), + type: "microblog", + icon: , }, { - to: "es/videos", - child: ( - <> - - Videos - - ), + type: "resources", + icon: , }, { - to: "/microblog", - child: ( - <> - - Microblog - - ), + type: "about", + icon: , }, { - to: "/resources", - child: ( - <> - - Resources - - ), - }, - { - to: "/about", - child: ( - <> - - About - - ), - }, - { - to: "/contact", - child: ( - <> - - Contact - - ), + type: "contact", + icon: , }, ]; @@ -84,19 +47,46 @@ type Props = { lang: "en" | "es"; }; +const locales = { + en: { + navigation: "Navigation", + blog: { label: "Blog", to: "/blog" }, + portfolio: { label: "Portfolio", to: "/portfolio" }, + videos: { label: "Videos", to: "/es/videos" }, + microblog: { label: "Microblog", to: "/microblog" }, + resources: { label: "Resources", to: "/resources" }, + about: { label: "About", to: "/about" }, + contact: { label: "Contact", to: "/contact" }, + }, + es: { + navigation: "Navegación", + blog: { label: "Blog", to: "/es/blog" }, + portfolio: { label: "Portfolio", to: "/es/portfolio" }, + videos: { label: "Videos", to: "/es/videos" }, + microblog: { label: "Microblog", to: "/microblog" }, + resources: { label: "Recursos", to: "/es/recursos" }, + about: { label: "Acerca de", to: "/es/acerca-de" }, + contact: { label: "Contacto", to: "/es/contacto" }, + }, +} as const; + export default function Navigation(props: Props) { + const t = useTranslations(props.lang); + const translatePath = useTranslatedPath(props.lang); + return (