import type { NextPage } from 'next'; import Head from 'next/head'; import { useState, useEffect } from 'react'; import { useRouter } from 'next/router'; import Link from 'next/link'; import toast from 'react-hot-toast'; const ResetPassword: NextPage = () => { const router = useRouter(); const { token } = router.query; const [password, setPassword] = useState(''); const [confirmPassword, setConfirmPassword] = useState(''); const [isLoading, setIsLoading] = useState(false); const [isVerifying, setIsVerifying] = useState(true); const [error, setError] = useState(''); const [passwordError, setPasswordError] = useState(''); const [isTokenValid, setIsTokenValid] = useState(false); // Verifikuj token při mountingu useEffect(() => { if (!token) return; const verifyToken = async () => { try { const response = await fetch(`/api/auth/reset-password?token=${token}`, { method: 'GET', }); const data = await response.json(); if (response.ok && data.valid) { setIsTokenValid(true); } else { setError(data.error || 'Token je neplatný nebo vypršel'); } } catch (err) { setError('Chyba při ověřování tokenu'); } finally { setIsVerifying(false); } }; verifyToken(); }, [token]); const handleSubmit = async (e: React.FormEvent) => { e.preventDefault(); setError(''); setPasswordError(''); // Validace hesel if (password !== confirmPassword) { setPasswordError('Hesla se neshodují'); return; } if (password.length < 8) { setPasswordError('Heslo musí mít alespoň 8 znaků'); return; } setIsLoading(true); try { const response = await fetch('/api/auth/reset-password', { method: 'POST', headers: { 'Content-Type': 'application/json', }, body: JSON.stringify({ token, password, }), }); const data = await response.json(); if (!response.ok) { setError(data.error || 'Reset hesla se nezdařil'); toast.error(data.error || 'Reset hesla se nezdařil'); return; } toast.success('Heslo bylo úspěšně resetováno!'); // Přesměr na login po 2 sekundách setTimeout(() => { router.push('/login'); }, 2000); } catch (err) { setError('Reset hesla se nezdařil. Prosím zkuste znovu.'); toast.error('Reset hesla se nezdařil'); } finally { setIsLoading(false); } }; if (isVerifying) { return ( <> Reset hesla | Vystříkejto.cz

Ověřuji váš reset link...

); } // Token není platný if (!isTokenValid) { return ( <> Reset hesla | Vystříkejto.cz

Neplatný nebo vypršený odkaz

{error}

Odkaz pro reset hesla je neplatný nebo vypršel (platnost 24 hodin).

Požádat o nový reset link

Zpět na přihlášení

); } // Form pro reset hesla return ( <> Reset hesla | Vystříkejto.cz
{/* Card Container */}
{/* Header */}

Nové heslo

Zadejte nové heslo pro váš účet

{/* Error Message */} {error && (

{error}

)} {/* Form */}
{/* Password Input */}
{ setPassword(e.target.value); setPasswordError(''); }} placeholder="Minimálně 8 znaků" autoComplete="new-password" className="w-full px-4 py-3 bg-luxury-light/10 border border-luxury-gold/30 rounded-lg text-luxury-light placeholder:text-luxury-light/40 focus:outline-none focus:ring-2 focus:ring-luxury-gold focus:border-transparent transition-all" required disabled={isLoading} />

Heslo musí obsahovat alespoň 8 znaků

{/* Confirm Password Input */}
{ setConfirmPassword(e.target.value); setPasswordError(''); }} placeholder="Zopakujte heslo" autoComplete="new-password" className={`w-full px-4 py-3 bg-luxury-light/10 border rounded-lg text-luxury-light placeholder:text-luxury-light/40 focus:outline-none focus:ring-2 focus:border-transparent transition-all ${ passwordError ? 'border-red-500/50 focus:ring-red-500' : 'border-luxury-gold/30 focus:ring-luxury-gold' }`} required disabled={isLoading} /> {passwordError && (

{passwordError}

)}
{/* Info Box */}

Heslo musí obsahovat alespoň 8 znaků. Doporučujeme používat kombinaci velkých a malých písmen, číslic a speciálních znaků.

{/* Submit Button */}
{/* Info Text */}

Potřebujete pomoc? Kontaktujte podporu.

); }; export default ResetPassword;