crowetic/commerce
1
0
Fork 1
mirror of https://github.com/vercel/commerce.git synced 2025-07-22 12:24:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ feat: Checkout Success

Browse Source
This commit is contained in:
sonnguyenkieio 2021-09-13 15:46:57 +07:00
parent e154724fef
commit 214c9b8680
2 changed files with 4 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -31,11 +31,10 @@
}
.backToHomeBtn {
@apply flex cursor-pointer font-bold items-center justify-center;
@apply flex cursor-pointer font-bold items-center justify-center custom-border-radius;
color: white;
background-color: var(--primary);
margin: auto;
border-radius: 76% 80% 17% 30% / 40% 35% 80% 30%;
width: fit-content;
padding: 1.6rem 3.2rem 1.6rem 3.2rem;

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

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