From d51169f6411b68a226d76d2d39826904de484929 Mon Sep 17 00:00:00 2001 From: Ariel Costas Guerrero Date: Wed, 19 Nov 2025 15:04:55 +0100 Subject: feat: Add About and Favourites pages, update routing and context management - Added new routes for About and Favourites pages. - Implemented About page with version information and credits. - Created Favourites page with a placeholder message for empty favourites. - Refactored RegionConfig import paths for consistency. - Introduced PageTitleContext to manage page titles dynamically. - Updated various components to utilize the new context for setting page titles. - Enhanced AppShell layout with a responsive Drawer for navigation. - Added CSS styles for new components and pages. - Integrated commit hash display in the About page for version tracking. --- src/frontend/app/routes/home.tsx | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) (limited to 'src/frontend/app/routes/home.tsx') diff --git a/src/frontend/app/routes/home.tsx b/src/frontend/app/routes/home.tsx index 2909999..8a1e3b3 100644 --- a/src/frontend/app/routes/home.tsx +++ b/src/frontend/app/routes/home.tsx @@ -1,18 +1,20 @@ "use client"; -import { useEffect, useMemo, useRef, useState, useCallback } from "react"; -import StopDataProvider, { type Stop } from "../data/StopDataProvider"; -import StopItem from "../components/StopItem"; -import StopItemSkeleton from "../components/StopItemSkeleton"; -import StopGallery from "../components/StopGallery"; -import ServiceAlerts from "../components/ServiceAlerts"; import Fuse from "fuse.js"; -import "./home.css"; +import { useCallback, useEffect, useMemo, useRef, useState } from "react"; import { useTranslation } from "react-i18next"; +import { REGIONS } from "~/config/RegionConfig"; +import { usePageTitle } from "~/contexts/PageTitleContext"; import { useApp } from "../AppContext"; -import { REGIONS } from "~/data/RegionConfig"; +import ServiceAlerts from "../components/ServiceAlerts"; +import StopGallery from "../components/StopGallery"; +import StopItem from "../components/StopItem"; +import StopItemSkeleton from "../components/StopItemSkeleton"; +import StopDataProvider, { type Stop } from "../data/StopDataProvider"; +import "./home.css"; export default function StopList() { const { t } = useTranslation(); + usePageTitle(t("navbar.stops", "Paradas")); const { region } = useApp(); const [data, setData] = useState(null); const [loading, setLoading] = useState(true); -- cgit v1.3