유료라이브 입장 안내 팝업 수정 - 라이브 시작 시각과 현재 시각 표시

2024-01-22 03:18:00 +09:00
parent 9c049550af
commit ac49b4e2ad
3 changed files with 123 additions and 1 deletions
--- a/SodaLive/Sources/Dialog/LivePaymentDialog.swift
+++ b/SodaLive/Sources/Dialog/LivePaymentDialog.swift
@@ -0,0 +1,104 @@
+//
+//  LivePaymentDialog.swift
+//  SodaLive
+//
+//  Created by klaus on 1/21/24.
+//
+
+import SwiftUI
+
+struct LivePaymentDialog: View {
+    
+    let title: String
+    let desc: String
+    let confirmButtonTitle: String
+    let confirmButtonAction: () -> Void
+    let cancelButtonTitle: String
+    let cancelButtonAction: () -> Void
+    
+    let startDateTime: String?
+    let nowDateTime: String?
+    
+    var body: some View {
+        VStack {
+            Text(title)
+                .font(.custom(Font.bold.rawValue, size: 18.3))
+                .foregroundColor(Color.graybb)
+            
+            if let startDateTime = startDateTime, let nowDateTime = nowDateTime {
+                HStack(spacing: 0) {
+                    VStack(alignment: .leading, spacing: 13.3) {
+                        Text("시작 시각")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color.graybb)
+                        
+                        Text("현재 시각")
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color.graybb)
+                    }
+                    .frame(maxWidth: .infinity)
+                    
+                    VStack(alignment: .leading, spacing: 13.3) {
+                        Text(startDateTime)
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color.graybb)
+                        
+                        Text(nowDateTime)
+                            .font(.custom(Font.medium.rawValue, size: 13.3))
+                            .foregroundColor(Color.graybb)
+                    }
+                    .frame(maxWidth: .infinity)
+                }
+                .padding(13.3)
+                .background(Color.gray30)
+                .cornerRadius(13.3)
+                .padding(.top, 21.3)
+            }
+            
+            Text(desc)
+                .font(.custom(Font.medium.rawValue, size: 15))
+                .foregroundColor(Color.graybb)
+                .padding(.top, startDateTime != nil && nowDateTime != nil ? 16.7 : 21.3)
+            
+            HStack(spacing: 13.3) {
+                Text("취소")
+                    .font(.custom(Font.bold.rawValue, size: 18.3))
+                    .foregroundColor(Color.button)
+                    .padding(.vertical, 16)
+                    .frame(maxWidth: .infinity)
+                    .background(Color.bg)
+                    .cornerRadius(10)
+                    .overlay(
+                        RoundedRectangle(cornerRadius: 8)
+                        .stroke(Color(hex: "3bb9f1"), lineWidth: 1)
+                    )
+                
+                Text("결제 후 입장")
+                    .font(.custom(Font.bold.rawValue, size: 18.3))
+                    .padding(.vertical, 16)
+                    .frame(maxWidth: .infinity)
+                    .background(Color.button)
+                    .cornerRadius(10)
+            }
+            .padding(.top, 45)
+        }
+        .padding(.horizontal, 16.7)
+        .padding(.bottom, 16.7)
+        .padding(.top, 40)
+        .background(Color(hex: "222222"))
+        .cornerRadius(10)
+    }
+}
+
+#Preview {
+    LivePaymentDialog(
+        title: "100캔으로 입장",
+        desc: "'테스트' 라이브에 참여하기 위해 결제합니다.'테스트' 라이브에 참여하기 위해 결제합니다.'테스트' 라이브에 참여하기 위해 결제합니다.",
+        confirmButtonTitle: "",
+        confirmButtonAction: {},
+        cancelButtonTitle: "",
+        cancelButtonAction: {},
+        startDateTime: "2024-01-01 15:00",
+        nowDateTime: "2024-01-02 15:00"
+    )
+}