import type { NextPage } from 'next'; import Head from 'next/head'; import { useSession } from 'next-auth/react'; import { useRouter } from 'next/router'; import Link from 'next/link'; import { useEffect, useState } from 'react'; import toast from 'react-hot-toast'; interface Order { id: number; orderNumber: string; date: string; total: number; status: string; items: number; } const Orders: NextPage = () => { const { status } = useSession(); const router = useRouter(); const [orders, setOrders] = useState([]); const [isLoading, setIsLoading] = useState(true); useEffect(() => { if (status === 'unauthenticated') { router.push('/login'); } }, [status, router]); useEffect(() => { const fetchOrders = async () => { try { const response = await fetch('/api/user/orders'); if (response.ok) { const data = await response.json(); setOrders(data.orders); } else { toast.error('Chyba při načítání objednávek'); } } catch (error) { toast.error('Chyba při připojení'); } finally { setIsLoading(false); } }; if (status === 'authenticated') { fetchOrders(); } }, [status]); if (status === 'loading') { return (
Načítání...
); } if (status === 'unauthenticated') { return null; } return ( <> Moje objednávky | Vystříkejto.cz
{/* Header */}

Moje objednávky

Celkem {orders.length} objednávek

{/* Orders List */} {isLoading ? (
Načítání objednávek...
) : orders.length === 0 ? (

Zatím nemáte žádné objednávky

) : (
{orders.map((order) => (
{/* Order Number */}

Číslo objednávky

#{order.orderNumber}

{/* Date */}

Datum

{order.date}

{/* Items Count */}

Položky

{order.items} {order.items === 1 ? 'položka' : order.items < 5 ? 'položky' : 'položek'}

{/* Status & Total */}

Stav

{order.status}

{Number(order.total).toFixed(2)} Kč

{/* Hover Arrow */}
))}
)}
); }; export default Orders;