import { useState, useEffect } from 'react'; import { Card } from '../components/ui/Card'; import { ListingCard } from '../components/listings/ListingCard'; import { api } from '../api/client'; import type { Listing, PaginatedResponse } from '../types'; export function SavedItemsPage() { const [listings, setListings] = useState([]); const [loading, setLoading] = useState(true); useEffect(() => { api.get>('/listings/favorites') .then(res => setListings(res.data)) .catch(() => {}) .finally(() => setLoading(false)); }, []); if (loading) return
Loading...
; return (

Saved Items

{listings.length === 0 ? (

No saved items yet. Browse listings and tap the heart to save items you like.

) : (
{listings.map(listing => ( ))}
)}
); }