유료방 입장 팝업 - UI 수정, 알림 문구 수정
This commit is contained in:
@@ -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: "",
|
||||
|
Reference in New Issue
Block a user