diff --git a/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.module.scss b/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.module.scss index 5b4f4cc66..6307f49b7 100644 --- a/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.module.scss +++ b/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.module.scss @@ -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; diff --git a/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.tsx b/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.tsx index 16bfc67bd..c9ca54ed4 100644 --- a/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.tsx +++ b/src/components/modules/checkout/CheckoutSuccess/CheckoutSuccess.tsx @@ -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 (