From 3dac17a9fb54c977c97280ed4c482e9d4266b7de Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Tue, 24 Jun 2025 16:58:30 +0200
Subject: Add missing translations

---
 src/frontend/app/components/NavBar.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'src/frontend/app/components/NavBar.tsx')

diff --git a/src/frontend/app/components/NavBar.tsx b/src/frontend/app/components/NavBar.tsx
index 091cc21..eba7196 100644
--- a/src/frontend/app/components/NavBar.tsx
+++ b/src/frontend/app/components/NavBar.tsx
@@ -2,6 +2,7 @@ import { Link } from "react-router";
 import { Map, MapPin, Settings } from "lucide-react";
 import { useApp } from "../AppContext";
 import type { LngLatLike } from "maplibre-gl";
+import { useTranslation } from "react-i18next";
 
 // Helper: check if coordinates are within Vigo bounds
 function isWithinVigo(lngLat: LngLatLike): boolean {
@@ -19,16 +20,17 @@ function isWithinVigo(lngLat: LngLatLike): boolean {
 }
 
 export default function NavBar() {
+  const { t } = useTranslation();
   const { mapState, updateMapState, mapPositionMode } = useApp();
 
   const navItems = [
     {
-      name: 'Paradas',
+      name: t('navbar.stops', 'Paradas'),
       icon: MapPin,
       path: '/stops'
     },
     {
-      name: 'Mapa',
+      name: t('navbar.map', 'Mapa'),
       icon: Map,
       path: '/map',
       callback: () => {
@@ -53,7 +55,7 @@ export default function NavBar() {
       }
     },
     {
-      name: 'Ajustes',
+      name: t('navbar.settings', 'Ajustes'),
       icon: Settings,
       path: '/settings'
     }
-- 
cgit v1.3

