From fbfa580ade87e72e134f50823fe80014f4d6997e Mon Sep 17 00:00:00 2001
From: sonnguyenkieio <sonnguyen@kie.io>
Date: Thu, 16 Sep 2021 15:04:33 +0700
Subject: [PATCH] :bug: bug: fix bug in Account Page

---
 .../AccountInfomation.module.scss              | 18 ++++++++----------
 .../AccountInfomation/AccountInfomation.tsx    |  6 +++++-
 2 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.module.scss b/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.module.scss
index 6e8150f1b..7b35b673b 100644
--- a/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.module.scss
+++ b/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.module.scss
@@ -56,22 +56,20 @@
     }
 
     .editInfoBtn {
-        @apply text-center font-bold custom-border-radius;
-        margin: auto;
+        @apply flex items-center justify-center;
         margin-top: 2.4rem;
         margin-bottom: 2.4rem;
-        padding: .8rem 1.6rem;
-        color: #141414;
-        border: 1px solid #141414;
-        max-width: 8.8rem;
+        // padding: .8rem 1.6rem;
+        // color: #141414;
+        // border: 1px solid #141414;
+        // max-width: 8.8rem;
 
-        &:hover {
-            @apply cursor-pointer;
-            background-color: #FBFBFB;
+        ButtonCommon {
+            height: 700px;
         }
 
         @screen md {
-            margin-left: 0;
+            @apply block;
         }
     }
 }
\ No newline at end of file
diff --git a/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.tsx b/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.tsx
index dac651fea..1506bc91b 100644
--- a/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.tsx
+++ b/src/components/modules/account/AccountPage/components/AccountInfomation/AccountInfomation.tsx
@@ -4,6 +4,8 @@ import s from './AccountInfomation.module.scss'
 import Image from "next/image"
 import avatar from '../../assets/avatar.png';
 
+import { ButtonCommon } from 'src/components/common'
+
 interface AccountProps {
     name: string, email: string, address: string, state: string, city: string, postalCode: string, phoneNumber: string
 }
@@ -44,7 +46,9 @@ const AccountInfomation = ({ account, onClick } : AccountInfomationProps) => {
                 {account.phoneNumber}  
             </div>
 
-            <div onClick={showEditForm} className={s.editInfoBtn}>Edit</div>
+            <div className={s.editInfoBtn}>
+                <ButtonCommon onClick={showEditForm} type="light">Edit</ButtonCommon>
+            </div>
         </section>
     )
 }