Hanzo_Dev/SIB
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(favorites): adjust favorite button visibility and functionality

Browse Source 
- removed favorite button from Discover cards

- added call button for taxis in Favorites view

- added favorite button in Shuttle details

- added Shuttles category in Favorites view
This commit is contained in:
Johan Samudio
2026-03-04 16:34:47 -05:00
parent ef5955cea2
commit 35e2a6d632
6 changed files with 94 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
frontend/src/views/DiscoverView.vue
View File

@ -4,7 +4,6 @@ import { businessService } from '@/services/businessService'
import type { Business } from '@/types'
import { useRouter } from 'vue-router'
import { useI18n } from 'vue-i18n'
import FavoriteButton from '@/components/FavoriteButton.vue'
import { analyticsService } from '@/services/analyticsService'
import { getImageUrl } from '@/utils/imageUrl'
import AuthGuard from '@/components/common/AuthGuard.vue'
@ -242,9 +241,6 @@ function resetFilters() {
class="biz-img"
@error="(e) => (e.target as HTMLImageElement).src = getImageUrl(null, 'business')"
/>
<div class="biz-fav">
<FavoriteButton item-type="business" :item-id="biz.id" :item-name="biz.name" :item-image="biz.image_url || undefined" />
</div>
<span class="biz-cat-badge">
<span class="material-icons" style="font-size:0.875rem">{{ catIcon(biz.category || '') }}</span>
{{ catName(biz.category || '') }}
@ -320,9 +316,6 @@ function resetFilters() {
@error="(e) => (e.target as HTMLImageElement).src = getImageUrl(null, 'business')"
/>
<div class="featured-gradient"></div>
<div class="featured-fav">
<FavoriteButton item-type="business" :item-id="biz.id" :item-name="biz.name" :item-image="biz.image_url || undefined" />
</div>
<div class="featured-info">
<span class="featured-cat">
<span class="material-icons" style="font-size:0.8rem">{{ catIcon(biz.category || '') }}</span>
@ -358,9 +351,6 @@ function resetFilters() {
class="biz-img"
@error="(e) => (e.target as HTMLImageElement).src = getImageUrl(null, 'business')"
/>
<div class="biz-fav">
<FavoriteButton item-type="business" :item-id="biz.id" :item-name="biz.name" :item-image="biz.image_url || undefined" />
</div>
<span class="biz-cat-badge">
<span class="material-icons" style="font-size:0.875rem">{{ catIcon(biz.category || '') }}</span>
{{ catName(biz.category || '') }}
@ -648,13 +638,6 @@ function resetFilters() {
background: linear-gradient(to top, rgba(0,0,0,0.75) 40%, transparent 70%);
}
.featured-fav {
position: absolute;
top: 0.625rem;
right: 0.625rem;
z-index: 2;
}
.featured-info {
position: absolute;
bottom: 0;
@ -738,12 +721,6 @@ function resetFilters() {
object-fit: cover;
}
.biz-fav {
position: absolute;
top: 0.5rem;
right: 0.5rem;
}
.biz-cat-badge {
position: absolute;
bottom: 0.5rem;