From 74ac1db5a87ffcdf982dd0ad8e789d0dc83a50bd Mon Sep 17 00:00:00 2001
From: chloehan <chloehan@overdare.com>
Date: Tue, 16 Jul 2024 18:50:06 +0900
Subject: [PATCH] change button

---
 src/pages/offer/OfferModal/OfferModal.module.scss      | 4 ++++
 src/pages/offer/OfferModal/OfferModal.tsx              | 2 +-
 src/shared/Dashboard/OfferModal/OfferModal.module.scss | 4 ++++
 src/shared/Dashboard/OfferModal/OfferModal.tsx         | 2 +-
 4 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/pages/offer/OfferModal/OfferModal.module.scss b/src/pages/offer/OfferModal/OfferModal.module.scss
index 3fbb71f..13dded4 100644
--- a/src/pages/offer/OfferModal/OfferModal.module.scss
+++ b/src/pages/offer/OfferModal/OfferModal.module.scss
@@ -41,5 +41,9 @@
     .proceed{
       background-color: #0066FF;
     }
+
+    .cancel{
+      background-color: #424242;
+    }
   }
 }
\ No newline at end of file
diff --git a/src/pages/offer/OfferModal/OfferModal.tsx b/src/pages/offer/OfferModal/OfferModal.tsx
index 2981374..52103bf 100644
--- a/src/pages/offer/OfferModal/OfferModal.tsx
+++ b/src/pages/offer/OfferModal/OfferModal.tsx
@@ -34,7 +34,7 @@ export default function OfferModal(){
       *Once transferred, revenue from selling this NFT costume will be vested to the new owner.
       </p>
       <div className={styles.buttons}>
-        <button onClick={handleClose}>Cancel</button>
+        <button className={styles.cancel} onClick={handleClose}>Cancel</button>
         <button className={styles.proceed} onClick={handleProceed}>Proceed</button>
       </div>
     </div>
diff --git a/src/shared/Dashboard/OfferModal/OfferModal.module.scss b/src/shared/Dashboard/OfferModal/OfferModal.module.scss
index d462683..79704b0 100644
--- a/src/shared/Dashboard/OfferModal/OfferModal.module.scss
+++ b/src/shared/Dashboard/OfferModal/OfferModal.module.scss
@@ -39,6 +39,10 @@
       width:7.5rem;
     }
 
+    .cancel{
+      background-color: #424242;
+    }
+
     .proceed{
       background-color: #0066FF;
     }
diff --git a/src/shared/Dashboard/OfferModal/OfferModal.tsx b/src/shared/Dashboard/OfferModal/OfferModal.tsx
index bc94a78..1755da3 100644
--- a/src/shared/Dashboard/OfferModal/OfferModal.tsx
+++ b/src/shared/Dashboard/OfferModal/OfferModal.tsx
@@ -34,7 +34,7 @@ export default function OfferModal(){
       *Once transferred, revenue from selling this NFT costume will be vested to the new owner.
       </p>
       <div className={styles.buttons}>
-        <button onClick={handleClose}>Cancel</button>
+        <button className={styles.cancel} onClick={handleClose}>Cancel</button>
         <button className={styles.proceed} onClick={handleProceed}>Proceed</button>
       </div>
     </div>