유료방 입장 팝업 - UI 수정, 알림 문구 수정

This commit is contained in:
Yu Sung
2024-01-22 19:19:47 +09:00
parent ac49b4e2ad
commit 31bd137f4d
6 changed files with 92 additions and 30 deletions

View File

@@ -11,6 +11,7 @@ struct LivePaymentDialog: View {
let title: String
let desc: String
let desc2: String?
let confirmButtonTitle: String
let confirmButtonAction: () -> Void
let cancelButtonTitle: String
@@ -25,41 +26,49 @@ struct LivePaymentDialog: View {
.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("시작 시각")
Text(desc)
.font(.custom(Font.medium.rawValue, size: 15))
.foregroundColor(Color.graybb)
.multilineTextAlignment(.center)
.lineSpacing(6)
.padding(.top, 21.3)
if let startDateTime = startDateTime, let nowDateTime = nowDateTime, let desc = desc2 {
VStack(spacing: 13.3) {
HStack(spacing: 6.7) {
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)
}
HStack(spacing: 6.7) {
Text("- 현재 시각 :")
.font(.custom(Font.medium.rawValue, size: 13.3))
.foregroundColor(Color.graybb)
.multilineTextAlignment(.leading)
Text(nowDateTime)
.font(.custom(Font.medium.rawValue, size: 13.3))
.foregroundColor(Color.graybb)
}
.frame(maxWidth: .infinity)
}
.padding(13.3)
.padding(.vertical, 13.3)
.padding(.horizontal, 26.7)
.background(Color.gray30)
.cornerRadius(13.3)
.padding(.top, 21.3)
Text(desc)
.font(.custom(Font.medium.rawValue, size: 15))
.foregroundColor(Color.graybb)
.lineSpacing(6)
.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))
@@ -72,6 +81,7 @@ struct LivePaymentDialog: View {
RoundedRectangle(cornerRadius: 8)
.stroke(Color(hex: "3bb9f1"), lineWidth: 1)
)
.onTapGesture { cancelButtonAction() }
Text("결제 후 입장")
.font(.custom(Font.bold.rawValue, size: 18.3))
@@ -79,6 +89,7 @@ struct LivePaymentDialog: View {
.frame(maxWidth: .infinity)
.background(Color.button)
.cornerRadius(10)
.onTapGesture { confirmButtonAction() }
}
.padding(.top, 45)
}
@@ -92,8 +103,9 @@ struct LivePaymentDialog: View {
#Preview {
LivePaymentDialog(
title: "100캔으로 입장",
desc: "'테스트' 라이브에 참여하기 위해 결제합니다.'테스트' 라이브에 참여하기 위해 결제합니다.'테스트' 라이브에 참여하기 위해 결제합니다.",
title: "유료 라이브 입장",
desc: "OO캔을 차감하고\n라이브에 입장 하시겠습니까?",
desc2: "라이브가 시작한 지 1시간 10분이 지났습니다. 라이브에 입장 후 30분 이내에 라이브가 종료될 수도 있습니다.",
confirmButtonTitle: "",
confirmButtonAction: {},
cancelButtonTitle: "",