aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/components/layout/NavBar.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/frontend/app/components/layout/NavBar.tsx')
-rw-r--r--src/frontend/app/components/layout/NavBar.tsx14
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;