diff --git a/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.module.scss b/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.module.scss index 73f69f7bf..5b4f4cc66 100644 --- a/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.module.scss +++ b/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.module.scss @@ -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; diff --git a/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.tsx b/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.tsx index 23f98046e..f190602dd 100644 --- a/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.tsx +++ b/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.tsx @@ -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 ? (
@@ -32,15 +39,9 @@ const CheckoutSuccess = () => {
- -
- - -
-
- ) + ) : null } export default CheckoutSuccess \ No newline at end of file