✨ feat: Checkout Success

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;
         

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);
+    return (
-
-    useEffect(() => {
-        setTimeout(() => {
-          setIsShown(true);
-        }, 1000);
-      }, [1000]);
-
-    return isShown ? (
         <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