Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Johan Samudio
2026-03-01 21:43:31 -05:00
parent 545cefd019
commit aee73120c0
2 changed files with 12 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
frontend/src/components/map/ArrivalBanner.vue
View File

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