import React, { useEffect } from 'react'; import Head from 'next/head'; import Link from 'next/link'; import { useRouter } from 'next/router'; const CheckoutCancel: React.FC = () => { const router = useRouter(); const orderRef = typeof router.query.orderRef === 'string' ? router.query.orderRef : ''; const trackingHash = typeof router.query.h === 'string' ? router.query.h : ''; const [isValidating, setIsValidating] = React.useState(true); const [isValid, setIsValid] = React.useState(false); const trackingHref = `/moje-objednavka?${new URLSearchParams({ id: orderRef, h: trackingHash }).toString()}`; useEffect(() => { if (!router.isReady) return; if (!orderRef || !trackingHash) { router.replace('/cart'); return; } const validateOrder = async () => { try { const params = new URLSearchParams({ id: orderRef, h: trackingHash }); const response = await fetch(`/api/order-tracking?${params.toString()}`, { cache: 'no-store' }); if (response.ok) { setIsValid(true); } else { router.replace('/cart'); } } catch (error) { router.replace('/cart'); } finally { setIsValidating(false); } }; validateOrder(); }, [orderRef, router, router.isReady, trackingHash]); if (isValidating && !isValid) { return (
Ověřování...
); } if (!isValid) return null; return ( <> Platba zrušena | Vystříkejto.cz

PLATBA ZRUŠENA

{/* Message */}

Vaše platba nebyla dokončena.

{orderRef && (

Číslo objednávky:

{orderRef}

)} {/* Help Section */}

Potřebujete pomoc?

Pokud máte nějaké otázky ohledně vaší objednávky, kontaktujte nás:

info@vystrikejto.cz
{/* Buttons */}
); }; export default CheckoutCancel;