Fix: Shuttle UI and offer favorites removal
This commit is contained in:
@ -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>
|
||||
|
||||
@ -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>
|
||||
|
||||
Reference in New Issue
Block a user