aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/app/routes/lines.tsx
diff options
context:
space:
mode:
authorAriel Costas Guerrero <ariel@costas.dev>2025-12-28 22:24:26 +0100
committerAriel Costas Guerrero <ariel@costas.dev>2025-12-28 22:25:01 +0100
commit48ec0aae80a200d7eb50639ff4c4ca8ae564f29b (patch)
tree8cf2a2a02a49d8295985d90679c33c5bc8375818 /src/frontend/app/routes/lines.tsx
parentb2ddc0ef449ccbe7f0d33e539ccdfc1baef04e2c (diff)
Implement displaying routes with dynamic data from OTP
Diffstat (limited to 'src/frontend/app/routes/lines.tsx')
-rw-r--r--src/frontend/app/routes/lines.tsx40
1 files changed, 0 insertions, 40 deletions
diff --git a/src/frontend/app/routes/lines.tsx b/src/frontend/app/routes/lines.tsx
deleted file mode 100644
index 900c543..0000000
--- a/src/frontend/app/routes/lines.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-import { useTranslation } from "react-i18next";
-import LineIcon from "~/components/LineIcon";
-import { usePageTitle } from "~/contexts/PageTitleContext";
-import { VIGO_LINES } from "~/data/LinesData";
-import "../tailwind-full.css";
-
-export default function LinesPage() {
- const { t } = useTranslation();
- usePageTitle(t("navbar.lines", "Líneas"));
-
- return (
- <div className="container mx-auto px-4 py-6">
- <p className="mb-6 text-gray-700 dark:text-gray-300">
- {t(
- "lines.description",
- "A continuación se muestra una lista de las líneas de autobús urbano de Vigo con sus respectivas rutas y enlaces a los horarios oficiales."
- )}
- </p>
-
- <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
- {VIGO_LINES.map((line) => (
- <a
- key={line.lineNumber}
- href={line.scheduleUrl}
- target="_blank"
- rel="noopener noreferrer"
- className="flex items-center gap-3 p-4 bg-surface rounded-lg shadow hover:shadow-lg transition-shadow border border-border"
- >
- <LineIcon line={line.lineNumber} mode="rounded" />
- <div className="flex-1 min-w-0">
- <p className="text-sm md:text-md font-semibold text-text">
- {line.routeName}
- </p>
- </div>
- </a>
- ))}
- </div>
- </div>
- );
-}