From 6583e07f452996dad5f8d4daf6bb18cae42cf871 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Fri, 27 Oct 2023 02:20:08 +0900
Subject: [PATCH] =?UTF-8?q?=ED=9C=B4=EB=8C=80=ED=8F=B0=20=EA=B2=B0?=
 =?UTF-8?q?=EC=A0=9C=20=EC=B6=94=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../MyPage/Can/Payment/CanPgPaymentView.swift | 27 +++++++++++++++++++
 .../Can/Payment/CanPgPaymentViewModel.swift   |  1 +
 2 files changed, 28 insertions(+)

diff --git a/SodaLive/Sources/MyPage/Can/Payment/CanPgPaymentView.swift b/SodaLive/Sources/MyPage/Can/Payment/CanPgPaymentView.swift
index 384880d..f72d9cf 100644
--- a/SodaLive/Sources/MyPage/Can/Payment/CanPgPaymentView.swift
+++ b/SodaLive/Sources/MyPage/Can/Payment/CanPgPaymentView.swift
@@ -147,6 +147,33 @@ struct CanPgPaymentView: View {
                                 .frame(width: screenSize().width - 26.7)
                                 .padding(.top, 16.7)
                                 
+                                HStack(spacing: 13.3) {
+                                    Text("휴대폰 결제")
+                                        .font(.custom( viewModel.paymentMethod == .phone ? Font.bold.rawValue : Font.medium.rawValue, size: 16.7))
+                                        .foregroundColor(Color(hex: viewModel.paymentMethod == .phone ? "9970ff" : "eeeeee"))
+                                        .frame(width: (screenSize().width - 40) / 2)
+                                        .padding(.vertical, 16.7)
+                                        .background(
+                                            Color(hex: viewModel.paymentMethod == .phone ? "9970ff" : "232323")
+                                                .opacity(viewModel.paymentMethod == .phone ? 0.3 : 1)
+                                        )
+                                        .cornerRadius(10)
+                                        .overlay(
+                                            RoundedRectangle(cornerRadius: 10)
+                                                .stroke(lineWidth: 1)
+                                                .foregroundColor(Color(hex: viewModel.paymentMethod == .phone ? "9970ff" : "777777"))
+                                        )
+                                        .onTapGesture {
+                                            if viewModel.paymentMethod != .phone {
+                                                viewModel.paymentMethod = .phone
+                                            }
+                                        }
+                                    
+                                    Spacer()
+                                }
+                                .frame(width: screenSize().width - 26.7)
+                                .padding(.top, 16.7)
+                                
                                 HStack(spacing: 6.7) {
                                     Image(viewModel.isTermsAgree ? "btn_select_checked" : "btn_select_normal")
                                         .resizable()
diff --git a/SodaLive/Sources/MyPage/Can/Payment/CanPgPaymentViewModel.swift b/SodaLive/Sources/MyPage/Can/Payment/CanPgPaymentViewModel.swift
index 6f3bc4c..0e64b65 100644
--- a/SodaLive/Sources/MyPage/Can/Payment/CanPgPaymentViewModel.swift
+++ b/SodaLive/Sources/MyPage/Can/Payment/CanPgPaymentViewModel.swift
@@ -13,6 +13,7 @@ import Bootpay
 enum PaymentMethod: String {
     case card = "디지털카드"
     case bank = "디지털계좌이체"
+    case phone = "휴대폰"
 }
 
 final class CanPgPaymentViewModel: ObservableObject {