From 3dac17a9fb54c977c97280ed4c482e9d4266b7de Mon Sep 17 00:00:00 2001
From: Ariel Costas Guerrero <ariel@costas.dev>
Date: Tue, 24 Jun 2025 16:58:30 +0200
Subject: Add missing translations

---
 src/frontend/app/routes/estimates-$id.tsx |  2 +-
 src/frontend/app/routes/stoplist.tsx      | 14 +++++++-------
 2 files changed, 8 insertions(+), 8 deletions(-)

(limited to 'src/frontend/app/routes')

diff --git a/src/frontend/app/routes/estimates-$id.tsx b/src/frontend/app/routes/estimates-$id.tsx
index 5dbbc7d..e0e4fff 100644
--- a/src/frontend/app/routes/estimates-$id.tsx
+++ b/src/frontend/app/routes/estimates-$id.tsx
@@ -83,7 +83,7 @@ export default function Estimates() {
 		}
 	};
 
-	if (data === null) return <h1 className="page-title">Cargando datos en tiempo real...</h1>
+	if (data === null) return <h1 className="page-title">{t('common.loading')}</h1>
 
 	return (
 		<div className="page-container">
diff --git a/src/frontend/app/routes/stoplist.tsx b/src/frontend/app/routes/stoplist.tsx
index 0ab6d15..9404b39 100644
--- a/src/frontend/app/routes/stoplist.tsx
+++ b/src/frontend/app/routes/stoplist.tsx
@@ -58,7 +58,7 @@ export default function StopList() {
 		return stopsList.reverse();
 	}, [data]);
 
-	if (data === null) return <h1 className="page-title">Loading...</h1>
+	if (data === null) return <h1 className="page-title">{t('common.loading')}</h1>
 
 	return (
 		<div className="page-container">
@@ -67,7 +67,7 @@ export default function StopList() {
 			<form className="search-form">
 				<div className="form-group">
 					<label className="form-label" htmlFor="stopName">
-						Buscar paradas
+						{t('stoplist.search_label', 'Buscar paradas')}
 					</label>
 					<input className="form-input" type="text" placeholder={randomPlaceholder} id="stopName" onChange={handleStopSearch} />
 				</div>
@@ -75,7 +75,7 @@ export default function StopList() {
 
 			{searchResults && searchResults.length > 0 && (
 				<div className="list-container">
-					<h2 className="page-subtitle">Resultados de la búsqueda</h2>
+					<h2 className="page-subtitle">{t('stoplist.search_results', 'Resultados de la búsqueda')}</h2>
 					<ul className="list">
 						{searchResults.map((stop: Stop) => (
 							<StopItem key={stop.stopId} stop={stop} />
@@ -85,11 +85,11 @@ export default function StopList() {
 			)}
 
 			<div className="list-container">
-				<h2 className="page-subtitle">Paradas favoritas</h2>
+				<h2 className="page-subtitle">{t('stoplist.favourites')}</h2>
 
 				{favouritedStops?.length === 0 && (
 					<p className="message">
-						Accede a una parada y márcala como favorita para verla aquí.
+						{t('stoplist.no_favourites', 'Accede a una parada y márcala como favorita para verla aquí.')}
 					</p>
 				)}
 
@@ -102,7 +102,7 @@ export default function StopList() {
 
 			{recentStops && recentStops.length > 0 && (
 				<div className="list-container">
-					<h2 className="page-subtitle">Recientes</h2>
+					<h2 className="page-subtitle">{t('stoplist.recents')}</h2>
 
 					<ul className="list">
 						{recentStops.map((stop: Stop) => (
@@ -113,7 +113,7 @@ export default function StopList() {
 			)}
 
 			<div className="list-container">
-				<h2 className="page-subtitle">Paradas</h2>
+				<h2 className="page-subtitle">{t('stoplist.all_stops', 'Paradas')}</h2>
 
 				<ul className="list">
 					{data?.sort((a, b) => a.stopId - b.stopId).map((stop: Stop) => (
-- 
cgit v1.3