From aee73120c0fc5c07247fc090b46e7adbf8916d49 Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Sun, 1 Mar 2026 21:43:31 -0500
Subject: [PATCH] UI: Add message when no buses are available on a route

---
 frontend/src/components/map/ArrivalBanner.vue | 15 ++++++++-------
 frontend/src/i18n/locales/es.json             |  6 ++++--
 2 files changed, 12 insertions(+), 9 deletions(-)

diff --git a/frontend/src/components/map/ArrivalBanner.vue b/frontend/src/components/map/ArrivalBanner.vue
index 1155b59..dcd8fbe 100644
--- a/frontend/src/components/map/ArrivalBanner.vue
+++ b/frontend/src/components/map/ArrivalBanner.vue
@@ -9,11 +9,15 @@
       </div>
       
       <div class="flex flex-col flex-1 truncate ml-2" style="min-width: 0;">
-        <span class="text-[9px] uppercase font-bold text-gray-500 dark:text-gray-400 leading-none">{{ t('map.arrivalTime') }}</span>
-        <span class="trigger-text-compact truncate leading-tight">{{ stopName }}</span>
+        <span class="text-[9px] uppercase font-bold text-gray-500 dark:text-gray-400 leading-none">
+          {{ hasActiveBuses ? t('map.arrivalTime') : t('common.notice') }}
+        </span>
+        <span class="trigger-text-compact truncate leading-tight">
+          {{ hasActiveBuses ? stopName : t('map.noBusesAvailable') }}
+        </span>
       </div>
-
-      <div class="eta-badge">
+ 
+      <div v-if="hasActiveBuses || isLoading" class="eta-badge">
         <template v-if="isLoading">
           <div class="eta-loader"></div>
         </template>
@@ -21,9 +25,6 @@
           <span class="eta-value">{{ etaValue }}</span>
           <span class="eta-unit">min</span>
         </template>
-        <template v-else>
-          <span class="eta-unit">-- min</span>
-        </template>
       </div>
 
       <button @click.stop="$emit('close')" class="ml-2 p-1 rounded-full hover:bg-gray-200 dark:hover:bg-gray-700 transition-colors">
diff --git a/frontend/src/i18n/locales/es.json b/frontend/src/i18n/locales/es.json
index c7078d9..28a5ad8 100644
--- a/frontend/src/i18n/locales/es.json
+++ b/frontend/src/i18n/locales/es.json
@@ -9,7 +9,8 @@
     "notAvailable": "No disponible",
     "back": "Volver",
     "all": "Todos",
-    "retry": "Reintentar"
+    "retry": "Reintentar",
+    "notice": "Aviso"
   },
   "navigation": {
     "map": "Mapa",
@@ -102,7 +103,8 @@
     "busRoute": "Ruta de Autobús",
     "showMyLocation": "Mostrar mi ubicación",
     "promo": "PROMO",
-    "search": "Buscar"
+    "search": "Buscar",
+    "noBusesAvailable": "Ya no hay buses disponibles en el horario"
   },
   "schedules": {
     "title": "Horarios",