Simplify OfferResultCard and use daisyUI Steps
All checks were successful
Build Docker Image / build (push) Successful in 4m42s

- Remove sourceName, latitude, longitude props from OfferResultCard
- Remove LocationMiniMap component (not needed, main map is on the side)
- Convert RouteStepper to use daisyUI steps-horizontal
- Update hub page and CalcResultContent to remove unused props
This commit is contained in:
Ruslan Bakiev
2026-01-15 00:33:17 +07:00
parent f03554893b
commit 0337cebc63
5 changed files with 19 additions and 143 deletions

View File

@@ -1,13 +1,14 @@
<template>
<div class="flex items-center gap-1 flex-wrap text-xs">
<template v-for="(stage, index) in stages" :key="index">
<div v-if="index > 0" class="w-3 h-px bg-base-300" />
<div class="flex items-center gap-0.5">
<span>{{ getTransportIcon(stage.transportType) }}</span>
<span class="text-base-content/70">{{ formatDistance(stage.distanceKm) }}км</span>
</div>
</template>
</div>
<ul class="steps steps-horizontal text-xs w-full">
<li
v-for="(stage, index) in stages"
:key="index"
class="step step-primary"
:data-content="getTransportIcon(stage.transportType)"
>
{{ formatDistance(stage.distanceKm) }} км
</li>
</ul>
</template>
<script setup lang="ts">
@@ -27,6 +28,7 @@ const getTransportIcon = (type?: string | null) => {
case 'sea':
return '🚢'
case 'road':
case 'auto':
default:
return '🚛'
}