diff --git a/src/pages/CheckoutCancel.tsx b/src/pages/CheckoutCancel.tsx index d3ec06b..d09cc4d 100644 --- a/src/pages/CheckoutCancel.tsx +++ b/src/pages/CheckoutCancel.tsx @@ -1,4 +1,5 @@ import { motion } from 'framer-motion'; +import { useEffect } from 'react'; interface CheckoutCancelProps { onNavigateHome: () => void; @@ -9,6 +10,16 @@ export default function CheckoutCancel({ onNavigateHome, onNavigateCalculator }: CheckoutCancelProps) { + // Automatically redirect to calculator on mount + useEffect(() => { + // Small delay to ensure smooth transition + const timer = setTimeout(() => { + onNavigateCalculator(); + }, 100); + + return () => clearTimeout(timer); + }, [onNavigateCalculator]); + return (