import type { NextPage } from 'next'; import Head from 'next/head'; import { useSession } from 'next-auth/react'; import { useAuth } from '../context/AuthContext'; import Link from 'next/link'; import { useRouter } from 'next/router'; import { useEffect, useState } from 'react'; import toast from 'react-hot-toast'; interface ProfileData { user: { id: string; firstName: string; lastName: string; email: string; isActive: boolean; memberSince: string; profilePicture?: string; }; statistics: { totalOrders: number; lastOrder: { id: number; orderNumber: string; date: string; total: number; } | null; daysSinceLastOrder: number | null; newsletterSubscribed: boolean; }; } const Profile: NextPage = () => { const { status } = useSession(); const { user, logout } = useAuth(); const router = useRouter(); const [profileData, setProfileData] = useState(null); const [isLoading, setIsLoading] = useState(true); useEffect(() => { if (status === 'unauthenticated') { router.push('/login'); } }, [status, router]); useEffect(() => { const fetchProfileData = async () => { try { const response = await fetch('/api/user/profile'); if (response.ok) { const data = await response.json(); setProfileData(data); } else { toast.error('Chyba při načítání profilu'); } } catch (error) { toast.error('Chyba při připojení'); } finally { setIsLoading(false); } }; if (status === 'authenticated' && user?.id) { fetchProfileData(); } }, [status, user?.id]); const handleLogout = async () => { toast.success('Úspěšně odhlášeno!', { duration: 3000, }); await logout(); setTimeout(() => { router.push('/'); }, 100); }; if (status === 'loading') { return (
Načítání...
); } if (status === 'unauthenticated' || !user) { return null; } return ( <> Můj účet | Vystříkejto.cz
{/* Top Banner with Avatar */}
{/* Avatar */}
{profileData?.user.profilePicture ? ( {`${profileData.user.firstName} ) : (
)}
{/* User Info */}

Přihlášený účet

{user.firstName} {user.lastName}

{user.email}

{/* Stats Cards */}
{/* Total Orders */}

Objednávky

{isLoading ? '-' : profileData?.statistics.totalOrders || 0}

{/* Last Purchase */}

Poslední nákup

{isLoading ? '-' : profileData?.statistics.daysSinceLastOrder !== null ? `${profileData?.statistics.daysSinceLastOrder} ${profileData?.statistics.daysSinceLastOrder === 1 ? 'den zpět' : profileData?.statistics.daysSinceLastOrder === 2 || profileData?.statistics.daysSinceLastOrder === 3 || profileData?.statistics.daysSinceLastOrder === 4 ? 'dny zpět' : 'dní zpět'}` : 'Ještě ne'}

{/* Newsletter Subscription */}

Novinky

{isLoading ? 'Načítání' : profileData?.statistics.newsletterSubscribed ? 'Přihlášen' : 'Nepřihlášen'}

{/* Member Since */}

Člen od

{isLoading ? '-' : profileData?.user.memberSince || '-'}

{/* Recent Order */}

Poslední objednávka

{isLoading ? (

Načítání...

) : profileData?.statistics.lastOrder ? (
{/* Order Number */}

Číslo objednávky

{profileData.statistics.lastOrder.orderNumber}

{/* Order Date */}

Datum

{profileData.statistics.lastOrder.date}

{/* Order Total */}

Částka

{Number(profileData.statistics.lastOrder.total).toFixed(2)} Kč

Zobrazit objednávku
) : (

Zatím jste nezadali žádnou objednávku

)}
{/* Action Buttons */}
); }; export default Profile;