콘텐츠 추가
This commit is contained in:
Yu Sung
257
SodaLive/Sources/Content/Detail/LiveRoomDonationDialogView.swift
Normal file
257
SodaLive/Sources/Content/Detail/LiveRoomDonationDialogView.swift
Normal file
@@ -0,0 +1,257 @@
|
||||
//
|
||||
// LiveRoomDonationDialogView.swift
|
||||
// SodaLive
|
||||
//
|
||||
// Created by klaus on 2023/08/13.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
import Combine
|
||||
|
||||
import Kingfisher
|
||||
|
||||
struct LiveRoomDonationDialogView: View {
|
||||
|
||||
@State private var donationCan = ""
|
||||
@State private var donationMessage = ""
|
||||
@State private var isShowErrorPopup = false
|
||||
@State private var errorMessage = ""
|
||||
@State private var can = 0
|
||||
|
||||
@Binding var isShowing: Bool
|
||||
let isAudioContentDonation: Bool
|
||||
let onClickDonation: (Int, String) -> Void
|
||||
|
||||
@StateObject var keyboardHandler = KeyboardHandler()
|
||||
|
||||
var body: some View {
|
||||
ZStack {
|
||||
Color.black
|
||||
.opacity(0.7)
|
||||
.ignoresSafeArea()
|
||||
.onTapGesture {
|
||||
hideKeyboard()
|
||||
}
|
||||
|
||||
VStack(spacing: 0) {
|
||||
Spacer()
|
||||
VStack(spacing: 0) {
|
||||
HStack(spacing: 5.3) {
|
||||
Image("ic_donation_white")
|
||||
.resizable()
|
||||
.frame(width: 26.7, height: 26.7)
|
||||
|
||||
Text("후원하기")
|
||||
.font(.custom(Font.bold.rawValue, size: 18.3))
|
||||
.foregroundColor(Color(hex: "eeeeee"))
|
||||
|
||||
Spacer()
|
||||
|
||||
HStack(spacing: 5.3) {
|
||||
Image("ic_can")
|
||||
.resizable()
|
||||
.frame(width: 26.7, height: 26.7)
|
||||
|
||||
Text("\(can)")
|
||||
.font(.custom(Font.bold.rawValue, size: 18.3))
|
||||
.foregroundColor(Color(hex: "eeeeee"))
|
||||
|
||||
Image("ic_forward")
|
||||
}
|
||||
.onTapGesture {
|
||||
AppState.shared.setAppStep(step: .canCharge(refresh: {}))
|
||||
self.isShowing = false
|
||||
}
|
||||
}
|
||||
.padding(.leading, 23.3)
|
||||
.padding(.trailing, 26.7)
|
||||
|
||||
Rectangle()
|
||||
.frame(height: 1)
|
||||
.foregroundColor(Color(hex: "909090"))
|
||||
.padding(.top, 16)
|
||||
|
||||
TextField("몇 캔을 후원할까요?", text: $donationCan)
|
||||
.font(.custom(Font.medium.rawValue, size: 13.3))
|
||||
.foregroundColor(Color(hex: "eeeeee"))
|
||||
.padding(13.3)
|
||||
.keyboardType(.numberPad)
|
||||
.background(Color(hex: "303030"))
|
||||
.cornerRadius(6.7)
|
||||
.padding(.horizontal, 20)
|
||||
.padding(.top, 16)
|
||||
|
||||
HStack(spacing: 0) {
|
||||
Text("+10")
|
||||
.font(.custom(Font.bold.rawValue, size: 14.7))
|
||||
.foregroundColor(.white)
|
||||
.padding(.vertical, 12.7)
|
||||
.frame(width: 74)
|
||||
.background(Color(hex: "9970ff"))
|
||||
.cornerRadius(6.7)
|
||||
.onTapGesture {
|
||||
if !donationCan.trimmingCharacters(in: .whitespaces).isEmpty,
|
||||
let can = Int(donationCan) {
|
||||
donationCan = "\(can + 10)"
|
||||
} else {
|
||||
donationCan = "\(10)"
|
||||
}
|
||||
}
|
||||
|
||||
Spacer()
|
||||
|
||||
Text("+100")
|
||||
.font(.custom(Font.bold.rawValue, size: 14.7))
|
||||
.foregroundColor(.white)
|
||||
.padding(.vertical, 12.7)
|
||||
.frame(width: 74)
|
||||
.background(Color(hex: "9970ff"))
|
||||
.cornerRadius(6.7)
|
||||
.onTapGesture {
|
||||
if !donationCan.trimmingCharacters(in: .whitespaces).isEmpty,
|
||||
let coin = Int(donationCan) {
|
||||
donationCan = "\(coin + 100)"
|
||||
} else {
|
||||
donationCan = "\(100)"
|
||||
}
|
||||
}
|
||||
Spacer()
|
||||
|
||||
Text("+1,000")
|
||||
.font(.custom(Font.bold.rawValue, size: 14.7))
|
||||
.foregroundColor(.white)
|
||||
.padding(.vertical, 12.7)
|
||||
.frame(width: 74)
|
||||
.background(Color(hex: "9970ff"))
|
||||
.cornerRadius(6.7)
|
||||
.onTapGesture {
|
||||
if !donationCan.trimmingCharacters(in: .whitespaces).isEmpty,
|
||||
let can = Int(donationCan) {
|
||||
donationCan = "\(can + 1000)"
|
||||
} else {
|
||||
donationCan = "\(1000)"
|
||||
}
|
||||
}
|
||||
|
||||
Spacer()
|
||||
|
||||
Text("+10,000")
|
||||
.font(.custom(Font.bold.rawValue, size: 14.7))
|
||||
.foregroundColor(.white)
|
||||
.padding(.vertical, 12.7)
|
||||
.frame(width: 74)
|
||||
.background(Color(hex: "9970ff"))
|
||||
.cornerRadius(6.7)
|
||||
.onTapGesture {
|
||||
if !donationCan.trimmingCharacters(in: .whitespaces).isEmpty,
|
||||
let can = Int(donationCan) {
|
||||
donationCan = "\(can + 10000)"
|
||||
} else {
|
||||
donationCan = "\(10000)"
|
||||
}
|
||||
}
|
||||
}
|
||||
.padding(.top, 26)
|
||||
.padding(.horizontal, 20)
|
||||
|
||||
Rectangle()
|
||||
.frame(height: 1)
|
||||
.foregroundColor(Color(hex: "909090"))
|
||||
.padding(.vertical, 18.7)
|
||||
.padding(.horizontal, 20)
|
||||
|
||||
HStack(spacing: 10.7) {
|
||||
KFImage(URL(string: UserDefaults.string(forKey: .profileImage)))
|
||||
.cancelOnDisappear(true)
|
||||
.downsampling(size: CGSize(width: 40, height: 40))
|
||||
.resizable()
|
||||
.frame(width: 40, height: 40)
|
||||
.clipShape(Circle())
|
||||
.overlay(
|
||||
Circle()
|
||||
.stroke(Color(hex: "bbbbbb"), lineWidth: 1)
|
||||
)
|
||||
|
||||
TextField("함께 보낼 메시지 입력(최대 50자)", text: $donationMessage)
|
||||
.font(.custom(Font.medium.rawValue, size: 13.3))
|
||||
.foregroundColor(Color(hex: "eeeeee"))
|
||||
.padding(13.3)
|
||||
.background(Color(hex: "303030"))
|
||||
.cornerRadius(6.7)
|
||||
.onReceive(Just(donationMessage)) { _ in
|
||||
limitText()
|
||||
}
|
||||
}
|
||||
.padding(.horizontal, 20)
|
||||
|
||||
HStack(spacing: 13.3) {
|
||||
Text("취소")
|
||||
.font(.custom(Font.bold.rawValue, size: 15))
|
||||
.foregroundColor(Color(hex: "9970ff"))
|
||||
.padding(.vertical, 16)
|
||||
.frame(width: (screenSize().width - 53.3) / 3)
|
||||
.background(Color(hex: "9970ff").opacity(0.2))
|
||||
.cornerRadius(10)
|
||||
.overlay(
|
||||
RoundedRectangle(cornerRadius: 10)
|
||||
.strokeBorder()
|
||||
.foregroundColor(Color(hex: "9970ff"))
|
||||
)
|
||||
.onTapGesture {
|
||||
isShowing = false
|
||||
}
|
||||
|
||||
Text("후원하기")
|
||||
.font(.custom(Font.bold.rawValue, size: 15))
|
||||
.foregroundColor(.white)
|
||||
.padding(.vertical, 16)
|
||||
.frame(width: (screenSize().width - 53.3) * 2 / 3)
|
||||
.background(Color(hex: "9970ff"))
|
||||
.cornerRadius(10)
|
||||
.onTapGesture {
|
||||
if !donationCan.trimmingCharacters(in: .whitespaces).isEmpty,
|
||||
let can = Int(donationCan) {
|
||||
onClickDonation(can, donationMessage)
|
||||
isShowing = false
|
||||
} else {
|
||||
errorMessage = "1캔 이상 후원하실 수 있습니다."
|
||||
isShowErrorPopup = true
|
||||
}
|
||||
}
|
||||
}
|
||||
.padding(.horizontal, 16.7)
|
||||
.padding(.top, 18.7)
|
||||
}
|
||||
.padding(.top, 21.3)
|
||||
.padding(.bottom, 16)
|
||||
.background(Color(hex: "222222"))
|
||||
.cornerRadius(20, corners: [.topLeft, .topRight])
|
||||
}
|
||||
.popup(isPresented: $isShowErrorPopup, type: .toast, position: .bottom, autohideIn: 1.3) {
|
||||
HStack {
|
||||
Spacer()
|
||||
Text(errorMessage)
|
||||
.padding(.vertical, 13.3)
|
||||
.frame(width: screenSize().width - 66.7, alignment: .center)
|
||||
.font(.custom(Font.medium.rawValue, size: 12))
|
||||
.background(Color(hex: "9970ff"))
|
||||
.foregroundColor(Color.white)
|
||||
.multilineTextAlignment(.leading)
|
||||
.cornerRadius(20)
|
||||
.padding(.bottom, 66.7)
|
||||
Spacer()
|
||||
}
|
||||
}
|
||||
.offset(y: isAudioContentDonation ? 0 : 0 - keyboardHandler.keyboardHeight)
|
||||
}
|
||||
.onAppear {
|
||||
self.can = UserDefaults.int(forKey: .can)
|
||||
}
|
||||
}
|
||||
|
||||
func limitText() {
|
||||
if donationMessage.count > 50 {
|
||||
donationMessage = String(donationMessage.prefix(50))
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user