mirror of
https://github.com/vercel/commerce.git
synced 2025-07-21 11:51:20 +00:00
✨ feat: Checkout Success
This commit is contained in:
parent
c614b8d428
commit
943c739143
@ -35,7 +35,7 @@
|
|||||||
color: white;
|
color: white;
|
||||||
background-color: var(--primary);
|
background-color: var(--primary);
|
||||||
margin: auto;
|
margin: auto;
|
||||||
// border-radius: 80% 90% 18% 10% / 20% 10% 27% 20%; // to do
|
border-radius: 76% 80% 17% 30% / 40% 35% 80% 30%;
|
||||||
width: fit-content;
|
width: fit-content;
|
||||||
padding: 1.6rem 3.2rem 1.6rem 3.2rem;
|
padding: 1.6rem 3.2rem 1.6rem 3.2rem;
|
||||||
|
|
||||||
|
@ -1,4 +1,4 @@
|
|||||||
import React from "react";
|
import React, { useEffect, useState } from "react";
|
||||||
import s from './CheckoutSuccess.module.scss';
|
import s from './CheckoutSuccess.module.scss';
|
||||||
|
|
||||||
import Image from "next/image";
|
import Image from "next/image";
|
||||||
@ -7,8 +7,15 @@ import Link from "next/link";
|
|||||||
import checkIcon from './assets/checkIcon.png';
|
import checkIcon from './assets/checkIcon.png';
|
||||||
|
|
||||||
const CheckoutSuccess = () => {
|
const CheckoutSuccess = () => {
|
||||||
|
const [isShown, setIsShown] = useState(false);
|
||||||
|
|
||||||
return (
|
useEffect(() => {
|
||||||
|
setTimeout(() => {
|
||||||
|
setIsShown(true);
|
||||||
|
}, 3000);
|
||||||
|
}, [3000]);
|
||||||
|
|
||||||
|
return isShown ? (
|
||||||
<div className={s.checkoutSuccessWrapper}>
|
<div className={s.checkoutSuccessWrapper}>
|
||||||
<div className={s.checkoutSuccess}>
|
<div className={s.checkoutSuccess}>
|
||||||
<div className={s.checkoutContent}>
|
<div className={s.checkoutContent}>
|
||||||
@ -32,15 +39,9 @@ const CheckoutSuccess = () => {
|
|||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div className={s.cornerImgs}>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
) : null
|
||||||
}
|
}
|
||||||
|
|
||||||
export default CheckoutSuccess
|
export default CheckoutSuccess
|
Loading…
x
Reference in New Issue
Block a user