From 214c9b868036f4b0328c38a194efff907c5e6a7c Mon Sep 17 00:00:00 2001
From: sonnguyenkieio <sonnguyen@kie.io>
Date: Mon, 13 Sep 2021 15:46:57 +0700
Subject: [PATCH] :sparkles: feat: Checkout Success

---
 .../CheckoutSuccess/CheckoutSuccess.module.scss    |  3 +--
 .../checkout/CheckoutSuccess/CheckoutSuccess.tsx   | 14 +++-----------
 2 files changed, 4 insertions(+), 13 deletions(-)

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 (
         <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
\ No newline at end of file