117 lines
3.4 KiB
TypeScript
117 lines
3.4 KiB
TypeScript
import { defineStore } from 'pinia'
|
|
import { ref, computed } from 'vue'
|
|
import { apiClient } from '@/services/apiClient'
|
|
|
|
export interface Favorite {
|
|
id: string
|
|
user_id: string
|
|
item_type: 'coupon' | 'business' | 'taxi' | 'route' | 'stop'
|
|
item_id: string
|
|
item_name?: string
|
|
item_image?: string
|
|
created_at: string
|
|
}
|
|
|
|
export const useFavoritesStore = defineStore('favorites', () => {
|
|
const favorites = ref<Favorite[]>([])
|
|
const isLoading = ref(false)
|
|
|
|
// Computed
|
|
const coupons = computed(() => favorites.value.filter(f => f.item_type === 'coupon'))
|
|
const businesses = computed(() => favorites.value.filter(f => f.item_type === 'business'))
|
|
const taxis = computed(() => favorites.value.filter(f => f.item_type === 'taxi'))
|
|
const routes = computed(() => favorites.value.filter(f => f.item_type === 'route'))
|
|
const stops = computed(() => favorites.value.filter(f => f.item_type === 'stop'))
|
|
|
|
// Actions
|
|
async function loadFavorites() {
|
|
isLoading.value = true
|
|
try {
|
|
const response = await apiClient.get('/api/favorites')
|
|
favorites.value = response.data
|
|
} catch (error) {
|
|
console.error('Error loading favorites:', error)
|
|
} finally {
|
|
isLoading.value = false
|
|
}
|
|
}
|
|
|
|
async function addFavorite(
|
|
itemType: 'coupon' | 'business' | 'taxi' | 'route' | 'stop',
|
|
itemId: string,
|
|
itemName?: string,
|
|
itemImage?: string
|
|
) {
|
|
try {
|
|
const response = await apiClient.post('/api/favorites', {
|
|
item_type: itemType,
|
|
item_id: itemId,
|
|
item_name: itemName,
|
|
item_image: itemImage
|
|
})
|
|
favorites.value.unshift(response.data)
|
|
return true
|
|
} catch (error: any) {
|
|
if (error.response?.status === 400) {
|
|
// Already favorited
|
|
return false
|
|
}
|
|
console.error('Error adding favorite:', error)
|
|
throw error
|
|
}
|
|
}
|
|
|
|
async function removeFavorite(itemType: string, itemId: string) {
|
|
try {
|
|
await apiClient.delete(`/api/favorites/${itemType}/${itemId}`)
|
|
favorites.value = favorites.value.filter(
|
|
f => !(f.item_type === itemType && f.item_id === itemId)
|
|
)
|
|
return true
|
|
} catch (error) {
|
|
console.error('Error removing favorite:', error)
|
|
throw error
|
|
}
|
|
}
|
|
|
|
async function toggleFavorite(
|
|
itemType: 'coupon' | 'business' | 'taxi' | 'route' | 'stop',
|
|
itemId: string,
|
|
itemName?: string,
|
|
itemImage?: string
|
|
) {
|
|
const existing = favorites.value.find(
|
|
f => f.item_type === itemType && f.item_id === itemId
|
|
)
|
|
|
|
if (existing) {
|
|
await removeFavorite(itemType, itemId)
|
|
return false
|
|
} else {
|
|
await addFavorite(itemType, itemId, itemName, itemImage)
|
|
return true
|
|
}
|
|
}
|
|
|
|
function isFavorite(itemType: string, itemId: string): boolean {
|
|
return favorites.value.some(
|
|
f => f.item_type === itemType && f.item_id === itemId
|
|
)
|
|
}
|
|
|
|
return {
|
|
favorites,
|
|
isLoading,
|
|
coupons,
|
|
businesses,
|
|
taxis,
|
|
routes,
|
|
stops,
|
|
loadFavorites,
|
|
addFavorite,
|
|
removeFavorite,
|
|
toggleFavorite,
|
|
isFavorite
|
|
}
|
|
})
|