Dárkové poukazy na parfémy

import type { GetServerSideProps, NextPage } from 'next'; import Head from 'next/head'; import { useEffect, useState } from 'react'; import toast from 'react-hot-toast'; import Link from 'next/link'; import { useCart } from '../context/CartContext'; import Breadcrumbs, { breadcrumbsJsonLd } from '../components/Breadcrumbs'; import ProductImage from '../components/ProductImage'; import { fetchFromApi } from '../lib/serverFetch'; interface VoucherVariant { id: number; name: string; volume: string; currentPrice: number; } interface Voucher { id: number; name: string; slug: string; description: string; discount: number; primaryImage: string; variants: VoucherVariant[]; } interface DarovePoukazyProps { initialVouchers: Voucher[]; } const formatPrice = (price: number) => new Intl.NumberFormat('cs-CZ', { style: 'currency', currency: 'CZK', minimumFractionDigits: 0, maximumFractionDigits: 0, }).format(Number(price)); const DarovePoukazy: NextPage = ({ initialVouchers }) => { const { addItem } = useCart(); const [isClient, setIsClient] = useState(false); const [vouchers, setVouchers] = useState(initialVouchers); const [isLoading, setIsLoading] = useState(initialVouchers.length === 0); const [selectedVoucher, setSelectedVoucher] = useState(initialVouchers[0] || null); const [selectedVariant, setSelectedVariant] = useState( initialVouchers[0]?.variants[0] || null, ); const [addedToCart, setAddedToCart] = useState(false); useEffect(() => { setIsClient(true); }, []); useEffect(() => { if (initialVouchers.length > 0) { setVouchers(initialVouchers); setIsLoading(false); return; } fetchVouchers(); }, [initialVouchers]); useEffect(() => { if (vouchers.length > 0 && !selectedVoucher) { setSelectedVoucher(vouchers[0]); setSelectedVariant(vouchers[0].variants[0] || null); } }, [selectedVoucher, vouchers]); const fetchVouchers = async () => { try { setIsLoading(true); const response = await fetch('/api/vouchers'); if (response.ok) { const data = await response.json(); setVouchers(data); } else { toast.error('Chyba při načítání poukazů'); } } catch (error) { toast.error('Chyba při načítání poukazů'); } finally { setIsLoading(false); } }; const handleAddToCart = async () => { if (!isClient) { toast.error('Prosím počkejte, stránka se načítá'); return; } if (!selectedVariant || !selectedVoucher) { toast.error('Prosím vyberte poukaz a částku'); return; } try { await addItem({ variantId: selectedVariant.id, productId: selectedVoucher.id, productName: selectedVoucher.name, productSlug: selectedVoucher.slug, brandName: 'Poukaz', volume: `${selectedVariant.currentPrice.toFixed(0)} Kč`, price: selectedVariant.currentPrice, image: selectedVoucher.primaryImage, }); setAddedToCart(true); window.setTimeout(() => setAddedToCart(false), 2000); } catch (error) { const errorMessage = error instanceof Error ? error.message : 'Chyba při přidávání poukazů do košíku'; toast.error(errorMessage); } }; return ( <> Dárkové poukazy na parfémy | Vystříkejto.cz