optovia/webapp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add verified badge top-right on SupplierCard, transport icons on HubCard
Some checks failed
Build Docker Image / build (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Ruslan Bakiev
2026-01-22 10:05:59 +07:00
parent 09e5889feb
commit bd176973a8
2 changed files with 18 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
app/components/catalog/HubCard.vue
View File

@@ -16,8 +16,16 @@
]"
>
<div class="flex flex-col gap-1">
<!-- Title -->
<Text size="base" weight="semibold" class="truncate">{{ hub.name }}</Text>
<!-- Title + Transport icons -->
<div class="flex items-center justify-between gap-2">
<Text size="base" weight="semibold" class="truncate">{{ hub.name }}</Text>
<div v-if="hub.transportTypes?.length" class="flex items-center gap-1 shrink-0">
<Icon v-if="hasTransport('auto')" name="lucide:truck" size="14" class="text-base-content/50" />
<Icon v-if="hasTransport('rail')" name="lucide:train-front" size="14" class="text-base-content/50" />
<Icon v-if="hasTransport('sea')" name="lucide:ship" size="14" class="text-base-content/50" />
<Icon v-if="hasTransport('air')" name="lucide:plane" size="14" class="text-base-content/50" />
</div>
</div>
<!-- Country left, distance right -->
<div class="flex items-center justify-between">
<Text tone="muted" size="sm">
@@ -41,6 +49,7 @@ interface Hub {
country?: string | null
countryCode?: string | null
distance?: string
transportTypes?: string[] | null
}
const props = defineProps<{
@@ -72,4 +81,6 @@ const countryFlag = computed(() => {
}
return '🌍'
})
const hasTransport = (type: string) => props.hub.transportTypes?.includes(type)
</script>