From 6d916d65a036b940e7c9150ce79a094d9b94a445 Mon Sep 17 00:00:00 2001
From: Ruslan Bakiev <ruslanbakiev@dsrptlab.com>
Date: Mon, 26 Jan 2026 08:36:14 +0700
Subject: [PATCH] Show routes in hub info panel offers

Replace OfferCard with OfferResultCard when displaying offers
for a hub after product selection. This shows the route stages
and distance to the hub instead of just offer info.
---
 app/components/catalog/InfoPanel.vue | 21 +++++++++++++++++----
 1 file changed, 17 insertions(+), 4 deletions(-)

diff --git a/app/components/catalog/InfoPanel.vue b/app/components/catalog/InfoPanel.vue
index d067947..a090af9 100644
--- a/app/components/catalog/InfoPanel.vue
+++ b/app/components/catalog/InfoPanel.vue
@@ -139,12 +139,15 @@
               <p>{{ $t('catalog.empty.noOffers') }}</p>
             </div>
             <div v-else class="flex flex-col gap-2">
-              <OfferCard
+              <OfferResultCard
                 v-for="offer in relatedOffers"
                 :key="offer.uuid"
-                :offer="offer"
-                selectable
-                compact
+                :location-name="offer.locationName || offer.productName"
+                :product-name="offer.productName"
+                :price-per-unit="offer.pricePerUnit ? Number(offer.pricePerUnit) : null"
+                :currency="offer.currency"
+                :unit="offer.unit"
+                :stages="getOfferStages(offer)"
                 @select="onOfferSelect(offer)"
               />
             </div>
@@ -317,4 +320,14 @@ const onOfferSelect = (offer: any) => {
     emit('open-info', 'offer', offer.uuid)
   }
 }
+
+// Extract route stages for OfferResultCard
+const getOfferStages = (offer: any) => {
+  const route = offer.routes?.[0]
+  if (!route?.stages) return []
+  return route.stages.filter(Boolean).map((stage: any) => ({
+    transportType: stage?.transportType,
+    distanceKm: stage?.distanceKm
+  }))
+}
 </script>