From c66e5be8c26cc4172ff5bd7581e95d63beeae87e Mon Sep 17 00:00:00 2001
From: imi21123 <imi21123@naver.com>
Date: Wed, 6 Dec 2023 22:38:46 +0900
Subject: [PATCH] =?UTF-8?q?Feat:=20=EB=B0=94=EB=A1=9C=EC=A3=BC=EB=AC=B8?=
 =?UTF-8?q?=EC=97=90=EC=84=9C=20=EC=A4=80=EB=B9=84=EC=A4=91=20=EA=B0=80?=
 =?UTF-8?q?=EA=B2=8C=20=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/HomePage/Homepage.jsx       |  2 ++
 src/pages/PaymentPage/PaymentPage.css | 21 +++++++++++++++++++++
 src/pages/PaymentPage/PaymentPage.jsx | 10 +++++++---
 3 files changed, 30 insertions(+), 3 deletions(-)

diff --git a/src/pages/HomePage/Homepage.jsx b/src/pages/HomePage/Homepage.jsx
index 7731e4b..1b6edf4 100644
--- a/src/pages/HomePage/Homepage.jsx
+++ b/src/pages/HomePage/Homepage.jsx
@@ -247,6 +247,7 @@ function Homepage() {
           </div>
         </div>
       </div>
+
       {/* 사업자 정보 */}
       <div className="business-info">
         <div className="business-name">ReadyVery</div>
@@ -269,6 +270,7 @@ function Homepage() {
           >
             레디베리는 통신판매중개자이며, 통신판매의 당사자가 아닙니다.
           </div>
+
           <div
             style={{
               fontSize: "11px",
diff --git a/src/pages/PaymentPage/PaymentPage.css b/src/pages/PaymentPage/PaymentPage.css
index bb3c056..f18a09f 100644
--- a/src/pages/PaymentPage/PaymentPage.css
+++ b/src/pages/PaymentPage/PaymentPage.css
@@ -286,3 +286,24 @@
   margin-right: auto;
   margin-bottom: 0.94rem;
 }
+
+.payment-page__store-close {
+  display: flex;
+  width: 23.4375rem;
+  height: 3.6875rem;
+  flex-shrink: 0;
+  border-radius: 0.625rem;
+  background: #838383;
+  color: #fff;
+  text-align: center;
+  font-family: "Pretendard Variable";
+  font-weight: 700;
+  font-size: 1.125rem;
+  line-height: 130%; /* 1.4625rem */
+  letter-spacing: -0.01125rem;
+  justify-content: center;
+  align-items: center;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 0.94rem;
+}
diff --git a/src/pages/PaymentPage/PaymentPage.jsx b/src/pages/PaymentPage/PaymentPage.jsx
index a36c7f4..b13cdad 100644
--- a/src/pages/PaymentPage/PaymentPage.jsx
+++ b/src/pages/PaymentPage/PaymentPage.jsx
@@ -274,9 +274,13 @@ const PaymentPage = () => {
         </div>
       </div>
 
-      <div className="payment-page__payment-btn" onClick={paymentRequest}>
-        결제하기
-      </div>
+      {paymentData?.isOpened ? (
+        <div className="payment-page__payment-btn" onClick={paymentRequest}>
+          결제하기
+        </div>
+      ) : (
+        <div className="payment-page__store-close">지금은 준비중입니다.</div>
+      )}
     </div>
   );
 };