🔒

Login Required

\n Please log in to view and manage your favorite apartments.\n

\n \n Login to View Favorites\n \n

\n );\n }\n\n // Loading state\n if (loading) {\n return (\n

\n Loading your favorites...\n

\n );\n }\n\n // Error state\n if (error) {\n return (\n

⚠️

Error Loading Favorites

{error}

\n \n Try Again\n \n

\n );\n }\n\n // Empty favorites state\n if (favorites.length === 0) {\n return (\n

💝

No Favorites Yet

\n Start exploring apartments and save your favorites by clicking the heart icon on any listing.\n

\n window.location.href = '#search'}\n className=\"bg-blue-600 text-white px-6 py-3 rounded-lg hover:bg-blue-700 transition-colors\"\n >\n Browse Apartments\n \n

\n );\n }\n\n // Favorites list\n return (\n

\n {/* Header */}\n

Your Favorite Apartments

\n You have {favorites.length} favorite apartment{favorites.length !== 1 ? 's' : ''}\n

\n\n {/* Favorites Grid */}\n

\n {favorites.map((apartment) => (\n

\n \n \n {/* Remove from favorites button */}\n removeFavorite(apartment.id)}\n className=\"absolute top-3 right-3 bg-red-500 text-white p-2 rounded-full hover:bg-red-600 transition-colors shadow-lg\"\n title=\"Remove from favorites\"\n >\n \n \n

\n ))}\n

\n\n {/* Actions */}\n

\n \n Refresh Favorites\n \n \n {\n if (favorites.length > 0) {\n // Create a simple comparison view\n const comparisonData = favorites.map(apt => ({\n title: apt.title,\n price: apt.price,\n bedrooms: apt.bedrooms,\n bathrooms: apt.bathrooms,\n sqft: apt.sqft\n }));\n \n console.log('Comparison Data:', comparisonData);\n alert(`Comparison data logged to console for ${favorites.length} apartments`);\n }\n }}\n className=\"bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors\"\n disabled={favorites.length === 0}\n >\n Compare Favorites\n \n

\n );\n}","deleted","label",[170,171,172,153],"frontend","components","Favorites","permalink","https://www.val.town/x/Mac4/untitled-5794/code/frontend/components/Favorites/FavoritesView.tsx","extension","actionData","errors"]