UI: Add message when no buses are available on a route

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="text-[9px] uppercase font-bold text-gray-500 dark:text-gray-400 leading-none">
-        <span class="trigger-text-compact truncate leading-tight">{{ stopName }}</span>
+          {{ 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">

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",