Add line list with link to official schedules

1 files changed, 9 insertions, 5 deletions

diff --git a/src/frontend/app/components/layout/NavBar.tsx b/src/frontend/app/components/layout/NavBar.tsx
index 91c8810..1a32b1e 100644
--- a/src/frontend/app/components/layout/NavBar.tsx
+++ b/src/frontend/app/components/layout/NavBar.tsx
@@ -1,4 +1,4 @@
-import { Map, MapPin, Settings } from "lucide-react";
+import { Map, MapPin, Route, Settings } from "lucide-react";
 import type { LngLatLike } from "maplibre-gl";
 import { useTranslation } from "react-i18next";
 import { Link, useLocation } from "react-router";
@@ -57,11 +57,16 @@ export default function NavBar({ orientation = "horizontal" }: NavBarProps) {
               updateMapState(coords, 16);
             }
           },
-          () => {}
+          () => { }
         );
       },
     },
     {
+      name: t("navbar.lines", "Líneas"),
+      icon: Route,
+      path: "/lines",
+    },
+    {
       name: t("navbar.settings", "Ajustes"),
       icon: Settings,
       path: "/settings",
@@ -70,9 +75,8 @@ export default function NavBar({ orientation = "horizontal" }: NavBarProps) {
 
   return (
     <nav
-      className={`${styles.navBar} ${
-        orientation === "vertical" ? styles.vertical : ""
-      }`}
+      className={`${styles.navBar} ${orientation === "vertical" ? styles.vertical : ""
+        }`}
     >
       {navItems.map((item) => {
         const Icon = item.icon;