crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-20 19:31:21 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: Checkout Success

Browse Source
This commit is contained in:
sonnguyenkieio 2021-09-08 14:28:26 +07:00
parent c614b8d428
commit 943c739143
2 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.module.scss
View File

@ -35,7 +35,7 @@
color: white;
background-color: var(--primary);
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;
padding: 1.6rem 3.2rem 1.6rem 3.2rem;

21
src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.tsx
View File

@ -1,4 +1,4 @@
import React from "react";
import React, { useEffect, useState } from "react";
import s from './CheckoutSuccess.module.scss';
import Image from "next/image";
@ -7,8 +7,15 @@ import Link from "next/link";
import checkIcon from './assets/checkIcon.png';
const CheckoutSuccess = () => {
return (
const [isShown, setIsShown] = useState(false);
useEffect(() => {
setTimeout(() => {
setIsShown(true);
}, 3000);
}, [3000]);
return isShown ? (
<div className={s.checkoutSuccessWrapper}>
<div className={s.checkoutSuccess}>
<div className={s.checkoutContent}>
@ -32,15 +39,9 @@ const CheckoutSuccess = () => {
</div>
</div>
<div className={s.cornerImgs}>
</div>
</div>
</div>
)
) : null
}
export default CheckoutSuccess