From c4490831711fc97519fdb8ef80013826edb9de58 Mon Sep 17 00:00:00 2001
From: Hanzo_dev <2002samudiojohan@gmail.com>
Date: Wed, 25 Feb 2026 12:30:28 -0500
Subject: [PATCH] Fix: Shuttle UI and offer favorites removal

---
 frontend/src/views/MapView.vue  | 17 -----------------
 frontend/src/views/TaxiView.vue | 19 +++----------------
 2 files changed, 3 insertions(+), 33 deletions(-)

diff --git a/frontend/src/views/MapView.vue b/frontend/src/views/MapView.vue
index 86536f6..4083719 100644
--- a/frontend/src/views/MapView.vue
+++ b/frontend/src/views/MapView.vue
@@ -12,7 +12,6 @@ import { telemetryService } from "@/services/telemetryService";
 import { analyticsService } from "@/services/analyticsService";
 
 import BusStopInfoModal from "@/components/BusStopInfoModal.vue";
-import FavoriteButton from "@/components/FavoriteButton.vue";
 import type { BusStop } from '@/types'
 
 const router = useRouter();
@@ -1155,14 +1154,6 @@ function clearNavigation() {
                     <span v-if="currentPromo.discount_percentage" class="sheet-discount">
                       -{{ currentPromo.discount_percentage }}%
                     </span>
-                    <div class="sheet-fav-pos" @click.stop>
-                      <FavoriteButton 
-                        item-type="coupon" 
-                        :item-id="currentPromo.id" 
-                        :item-name="currentPromo.title"
-                        :item-image="currentPromo.image_url || undefined"
-                      />
-                    </div>
                   </div>
 
                   <!-- Info -->
@@ -1214,14 +1205,6 @@ function clearNavigation() {
           <div class="promo-header-modal">
             <img :src="getImageUrl(selectedPromo.image_url)" class="promo-img-modal" />
             <div class="promo-badge-modal">PROMO</div>
-            <div class="promo-modal-fav">
-              <FavoriteButton 
-                item-type="coupon" 
-                :item-id="selectedPromo.id" 
-                :item-name="selectedPromo.title"
-                :item-image="selectedPromo.image_url || undefined"
-              />
-            </div>
           </div>
           <div class="promo-body-modal">
             <h2 class="promo-title-modal">{{ selectedPromo.title }}</h2>
diff --git a/frontend/src/views/TaxiView.vue b/frontend/src/views/TaxiView.vue
index ec2e41d..6df1685 100644
--- a/frontend/src/views/TaxiView.vue
+++ b/frontend/src/views/TaxiView.vue
@@ -288,7 +288,7 @@ function getShiftLabel(shift: string) {
           :ref="el => setShuttleRef(el, shuttle.id)"
           class="shuttle-card"
           :class="{ expanded: expandedShuttleId === shuttle.id }"
-          :style="{ backgroundImage: `url(${shuttle.image_url || 'https://images.unsplash.com/photo-1544620347-c4fd4a3d5957?auto=format&fit=crop&q=80&w=2069'})` }"
+          :style="{ backgroundImage: `url(${getImageUrl(shuttle.image_url)})` }"
           @click="() => { 
             expandedShuttleId = expandedShuttleId === shuttle.id ? null : shuttle.id;
             if (expandedShuttleId === shuttle.id) {
@@ -303,20 +303,7 @@ function getShiftLabel(shift: string) {
                 <span class="material-icons">business</span>
                 {{ shuttle.company_name }}
               </div>
-              <div class="price-pill">
-                <span class="currency">$</span>
-                <span class="amount">{{ shuttle.price_per_person }}</span>
-                <span class="price-pill-label">/p</span>
-              </div>
-              <div class="shuttle-fav-wrap" @click.stop>
-                <FavoriteButton 
-                  item-type="route" 
-                  :item-id="shuttle.id" 
-                  :item-name="shuttle.route_name"
-                  :item-image="shuttle.image_url || undefined"
-                />
-              </div>
-            </div>
+            </div> <!-- Close shuttle-header-mini -->
 
             <div class="shuttle-route-compact" v-if="shuttle.origin && shuttle.destination">
               <span class="route-text">{{ shuttle.origin }}</span>
@@ -333,7 +320,7 @@ function getShiftLabel(shift: string) {
                 <span class="material-icons">{{ expandedShuttleId === shuttle.id ? 'expand_less' : 'expand_more' }}</span>
               </div>
             </div>
-          </div>
+          </div> <!-- Close shuttle-main-info -->
 
           <!-- EXPANDED CONTENT -->
           <div class="shuttle-details" v-if="expandedShuttleId === shuttle.id" @click.stop>