diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2025-12-01 00:10:58 +0100 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2025-12-01 00:10:58 +0100 |
| commit | 89d83f305db69f5bf86a4290341785b2673c35d0 (patch) | |
| tree | 0e3596b7cac91804b8e6f40a14ede120eccba1fb /src/frontend/app/components | |
| parent | a477dda9dc4291ab25fffe2525acf44177154c86 (diff) | |
Add line list with link to official schedules
Diffstat (limited to 'src/frontend/app/components')
| -rw-r--r-- | src/frontend/app/components/StopGallery.tsx | 5 | ||||
| -rw-r--r-- | src/frontend/app/components/layout/NavBar.tsx | 14 |
2 files changed, 11 insertions, 8 deletions
diff --git a/src/frontend/app/components/StopGallery.tsx b/src/frontend/app/components/StopGallery.tsx index c1d9780..a45bfca 100644 --- a/src/frontend/app/components/StopGallery.tsx +++ b/src/frontend/app/components/StopGallery.tsx @@ -73,9 +73,8 @@ const StopGallery: React.FC<StopGalleryProps> = ({ {stops.map((_, index) => ( <span key={index} - className={`w-1.5 h-1.5 rounded-full transition-colors duration-200 ${ - index === activeIndex ? "bg-blue-600" : "bg-gray-300 dark:bg-gray-700" - }`} + className={`w-1.5 h-1.5 rounded-full transition-colors duration-200 ${index === activeIndex ? "bg-blue-600" : "bg-gray-300 dark:bg-gray-700" + }`} ></span> ))} </div> 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; |