From b54217f3b3e02ccb8f2ab2eecf30fe44a4be8c94 Mon Sep 17 00:00:00 2001
From: dmson1218 <dmson1218@naver.com>
Date: Fri, 8 Dec 2023 00:53:54 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EA=B2=B0=EC=A0=9C=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=95=8C=EB=9F=BF=EC=B0=BD=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 미 구현 기능에 대해 클릭 시 알럿창 호출
---
 .../components/PurchaseModal/PurchaseModal.js | 48 +++++++++++++++----
 1 file changed, 40 insertions(+), 8 deletions(-)

diff --git a/FE/src/components/PurchaseModal/PurchaseModal.js b/FE/src/components/PurchaseModal/PurchaseModal.js
index 1dd1c09..65e2f24 100644
--- a/FE/src/components/PurchaseModal/PurchaseModal.js
+++ b/FE/src/components/PurchaseModal/PurchaseModal.js
@@ -17,19 +17,35 @@ function PurchaseModal() {
           구매하기
         </PurchaseModalContainerTitle>
         <PurchaseModalContentWrapper>
-          <PurchaseModalContent>
+          <PurchaseModalContent
+            onClick={() => {
+              alert("준비 중인 서비스입니다.");
+            }}
+          >
             <PurchaseModalText>땅 스킨 구매</PurchaseModalText>
             <PurchaseModalText $size='1rem'>100 별가루</PurchaseModalText>
           </PurchaseModalContent>
-          <PurchaseModalContent>
+          <PurchaseModalContent
+            onClick={() => {
+              alert("준비 중인 서비스입니다.");
+            }}
+          >
             <PurchaseModalText>모양 슬롯 확장</PurchaseModalText>
             <PurchaseModalText $size='1rem'>100 별가루</PurchaseModalText>
           </PurchaseModalContent>
-          <PurchaseModalContent>
+          <PurchaseModalContent
+            onClick={() => {
+              alert("준비 중인 서비스입니다.");
+            }}
+          >
             <PurchaseModalText>광고 제거</PurchaseModalText>
             <PurchaseModalText $size='1rem'>350 별가루</PurchaseModalText>
           </PurchaseModalContent>
-          <PurchaseModalContent>
+          <PurchaseModalContent
+            onClick={() => {
+              alert("준비 중인 서비스입니다.");
+            }}
+          >
             <PurchaseModalText>별숲 후원</PurchaseModalText>
             <PurchaseModalText $size='1rem'>30000 별가루</PurchaseModalText>
           </PurchaseModalContent>
@@ -40,7 +56,11 @@ function PurchaseModal() {
           환전하기
         </PurchaseModalContainerTitle>
         <ExchangeModalContentWrapper>
-          <PurchaseModalContent>
+          <PurchaseModalContent
+            onClick={() => {
+              alert("준비 중인 서비스입니다.");
+            }}
+          >
             <StarIcon src={oneStar} alt='oneStar' width='5rem' />
             <ContentTextWrapper>
               <PurchaseModalText>별가루</PurchaseModalText>
@@ -48,7 +68,11 @@ function PurchaseModal() {
             </ContentTextWrapper>
             <PurchaseModalText>₩ 1000</PurchaseModalText>
           </PurchaseModalContent>
-          <PurchaseModalContent>
+          <PurchaseModalContent
+            onClick={() => {
+              alert("준비 중인 서비스입니다.");
+            }}
+          >
             <StarIcon src={twoStar} alt='twoStar' width='4.5rem' />
             <ContentTextWrapper>
               <PurchaseModalText>별가루</PurchaseModalText>
@@ -57,7 +81,11 @@ function PurchaseModal() {
             </ContentTextWrapper>
             <PurchaseModalText>₩ 5000</PurchaseModalText>
           </PurchaseModalContent>
-          <PurchaseModalContent>
+          <PurchaseModalContent
+            onClick={() => {
+              alert("준비 중인 서비스입니다.");
+            }}
+          >
             <StarIcon src={threeStar} alt='threeStar' width='4rem' />
             <ContentTextWrapper>
               <PurchaseModalText>별가루</PurchaseModalText>
@@ -66,7 +94,11 @@ function PurchaseModal() {
             </ContentTextWrapper>
             <PurchaseModalText>₩ 10000</PurchaseModalText>
           </PurchaseModalContent>
-          <PurchaseModalContent>
+          <PurchaseModalContent
+            onClick={() => {
+              alert("준비 중인 서비스입니다.");
+            }}
+          >
             <StarIcon src={fourStar} alt='fourStar' width='10rem' />
             <ContentTextWrapper>
               <PurchaseModalText>별가루</PurchaseModalText>