import type { NextPage } from 'next'; import Head from 'next/head'; import Link from 'next/link'; import { useEffect, useState } from 'react'; import { useSession } from 'next-auth/react'; import { useRouter } from 'next/router'; import toast from 'react-hot-toast'; import { CATALOG_PRODUCT_GRID_CLASS, CatalogProductCard, CatalogToolbar, formatProductCount, type CatalogProduct, type CatalogSortMode, } from '../components/CatalogProductCard'; interface WishlistItem { id: number; productId: number; productName: string; brandName: string; primaryImage: string; variantId: number; variantLabel: string; volumeMl: string; currentPrice: number; addedAt: string; } const Wishlist: NextPage = () => { const { status } = useSession(); const router = useRouter(); const [wishlistItems, setWishlistItems] = useState([]); const [products, setProducts] = useState>(new Map()); const [loading, setLoading] = useState(true); const [displayCount, setDisplayCount] = useState(12); const [sortBy, setSortBy] = useState('newest'); useEffect(() => { if (status === 'unauthenticated') { void router.push('/login'); return; } if (status === 'authenticated') { void fetchWishlist(); } }, [status, router]); const fetchWishlist = async () => { try { setLoading(true); const [wishlistResponse, productsResponse] = await Promise.all([ fetch('/api/wishlist'), fetch('/api/products'), ]); if (wishlistResponse.ok) { const wishlistData = await wishlistResponse.json() as WishlistItem[]; setWishlistItems(wishlistData); if (productsResponse.ok) { const allProducts = await productsResponse.json() as CatalogProduct[]; setProducts(new Map(allProducts.map((product) => [product.id, product]))); } } else if (wishlistResponse.status === 401) { void router.push('/login'); } } catch { toast.error('Chyba při načítání oblíbených'); } finally { setLoading(false); } }; const handleRemoveItem = async (itemId: number) => { try { const response = await fetch(`/api/wishlist?itemId=${itemId}`, { method: 'DELETE' }); if (response.ok) { setWishlistItems((current) => current.filter((item) => item.id !== itemId)); toast.success('Odebráno z oblíbených'); } else { toast.error('Chyba při odebírání'); } } catch { toast.error('Chyba při odebírání'); } }; const sortedItems = [...wishlistItems].sort((a, b) => { if (sortBy === 'cheapest') return a.currentPrice - b.currentPrice; if (sortBy === 'most_expensive') return b.currentPrice - a.currentPrice; return new Date(b.addedAt).getTime() - new Date(a.addedAt).getTime(); }); if (status === 'loading' || loading) { return
Načítání oblíbených…
; } if (status === 'unauthenticated') return null; if (sortedItems.length === 0) { return ( <> Oblíbené | Vystříkejto.cz

Moje sbírka

Oblíbené parfémy

Nemáte žádné oblíbené produkty

Přidejte si své oblíbené parfémy a vraťte se k nim později.

Procházet produkty
); } return ( <> Oblíbené | Vystříkejto.cz

Moje sbírka

Oblíbené parfémy

{formatProductCount(sortedItems.length)}
{sortedItems.slice(0, displayCount).map((item) => { const product = products.get(item.productId); if (!product) return null; return ( handleRemoveItem(item.id)} /> ); })}
{displayCount < sortedItems.length && (
)}
); }; function HeartIcon() { return ; } export default Wishlist;