Function successPay

pages/successPay.js:8–39

()

import { runConfetti } from '../lib/utils';

const successPay = () => {
    const { setCartItems, setTotalPrice, setTotalQty } = useStateContext();

    useEffect(() => {
        localStorage.clear();
        setCartItems([]);
        setTotalPrice(0);
        setTotalQty(0);
        runConfetti();
    }, []);

    return (
        <div className='success'>
            <p className='icon'>
                <BsBagCheckFill size={80} />
            </p>
            <h1>Thank you for your order!</h1>
            <p>Check your email inbox for the receipt</p>
            <p className='description'>
                If you have any questions, please email 
                <a href="mailto:dinemarket@example.com">
                    dinemarket@example.com
                </a>
            </p>
            <Link href="/">
                <button className='btn' type="button" width="300px">
                    Continue Shopping
                </button>
            </Link>
        </div>
    )
}

export default successPay