커뮤니티 댓글, 팬토크, 콘텐츠 댓글
- 프로필 이미지 터치시 차단, 신고가 가능한 유저 프로필 표시
This commit is contained in:
174
SodaLive/Sources/Dialog/MemberProfileDialog.swift
Normal file
174
SodaLive/Sources/Dialog/MemberProfileDialog.swift
Normal file
@@ -0,0 +1,174 @@
|
||||
//
|
||||
// MemberProfileDialog.swift
|
||||
// SodaLive
|
||||
//
|
||||
// Created by klaus on 9/7/24.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
import Kingfisher
|
||||
|
||||
struct MemberProfileDialog: View {
|
||||
|
||||
@StateObject var viewModel = UserViewModel()
|
||||
|
||||
@Binding var isShowing: Bool
|
||||
let memberId: Int
|
||||
|
||||
var body: some View {
|
||||
ZStack {
|
||||
Color.black.opacity(0.7).ignoresSafeArea()
|
||||
.onTapGesture {
|
||||
isShowing = false
|
||||
}
|
||||
|
||||
VStack(alignment: .leading, spacing: 21) {
|
||||
HStack(spacing: 0) {
|
||||
Text("프로필")
|
||||
.font(.custom(Font.bold.rawValue, size: 15))
|
||||
.foregroundColor(Color.grayee)
|
||||
|
||||
Spacer()
|
||||
|
||||
Image("ic_close_white")
|
||||
.onTapGesture {
|
||||
isShowing = false
|
||||
}
|
||||
}
|
||||
|
||||
if let profile = viewModel.memberProfile {
|
||||
Text(profile.nickname)
|
||||
.font(.custom(Font.bold.rawValue, size: 18.3))
|
||||
.foregroundColor(Color.grayee)
|
||||
|
||||
KFImage(URL(string: profile.profileImageUrl))
|
||||
.resizable()
|
||||
.frame(maxWidth: screenSize().width - 66.7, maxHeight: screenSize().width - 66.7)
|
||||
.aspectRatio(CGSize(width: 1, height: 1), contentMode: .fit)
|
||||
.cornerRadius(8)
|
||||
|
||||
HStack(spacing: 8) {
|
||||
Text(profile.isBlocked ? "차단 해제" : "차단")
|
||||
.font(.custom(Font.bold.rawValue, size: 15))
|
||||
.foregroundColor(Color.button)
|
||||
.frame(maxWidth: .infinity)
|
||||
.padding(.vertical, 13)
|
||||
.cornerRadius(8)
|
||||
.contentShape(Rectangle())
|
||||
.overlay(
|
||||
RoundedRectangle(cornerRadius: 8)
|
||||
.strokeBorder(lineWidth: 1)
|
||||
.foregroundColor(Color.button)
|
||||
)
|
||||
.onTapGesture {
|
||||
if profile.isBlocked {
|
||||
viewModel.memberUnBlock()
|
||||
} else {
|
||||
viewModel.isShowUesrBlockConfirm = true
|
||||
}
|
||||
}
|
||||
|
||||
Text("사용자 신고")
|
||||
.font(.custom(Font.bold.rawValue, size: 15))
|
||||
.foregroundColor(Color.button)
|
||||
.frame(maxWidth: .infinity)
|
||||
.padding(.vertical, 13)
|
||||
.cornerRadius(8)
|
||||
.contentShape(Rectangle())
|
||||
.overlay(
|
||||
RoundedRectangle(cornerRadius: 8)
|
||||
.strokeBorder(lineWidth: 1)
|
||||
.foregroundColor(Color.button)
|
||||
)
|
||||
.onTapGesture { viewModel.isShowUesrReportView = true }
|
||||
|
||||
Text("프로필 신고")
|
||||
.font(.custom(Font.bold.rawValue, size: 15))
|
||||
.foregroundColor(Color.button)
|
||||
.frame(maxWidth: .infinity)
|
||||
.padding(.vertical, 13)
|
||||
.cornerRadius(8)
|
||||
.contentShape(Rectangle())
|
||||
.overlay(
|
||||
RoundedRectangle(cornerRadius: 8)
|
||||
.strokeBorder(lineWidth: 1)
|
||||
.foregroundColor(Color.button)
|
||||
)
|
||||
.onTapGesture { viewModel.isShowProfileReportConfirm = true }
|
||||
}
|
||||
}
|
||||
}
|
||||
.padding(.horizontal, 13.3)
|
||||
.padding(.top, 13.3)
|
||||
.padding(.bottom, 20)
|
||||
.background(Color.gray22)
|
||||
.cornerRadius(8)
|
||||
.padding(.horizontal, 13.3)
|
||||
.frame(maxWidth: screenSize().width - 33.3)
|
||||
.onAppear {
|
||||
if memberId <= 1 {
|
||||
viewModel.errorMessage = "잘못된 요청입니다."
|
||||
viewModel.isShowPopup = true
|
||||
} else {
|
||||
viewModel.getMemberProfile(memberId: memberId)
|
||||
}
|
||||
}
|
||||
.popup(isPresented: $viewModel.isShowPopup, type: .toast, position: .bottom, autohideIn: 2) {
|
||||
HStack {
|
||||
Spacer()
|
||||
Text(viewModel.errorMessage)
|
||||
.padding(.vertical, 13.3)
|
||||
.frame(width: screenSize().width - 66.7, alignment: .center)
|
||||
.font(.custom(Font.medium.rawValue, size: 12))
|
||||
.background(Color.button)
|
||||
.foregroundColor(Color.white)
|
||||
.multilineTextAlignment(.leading)
|
||||
.cornerRadius(20)
|
||||
.padding(.bottom, 66.7)
|
||||
Spacer()
|
||||
}
|
||||
.onDisappear {
|
||||
if viewModel.dismissDialog {
|
||||
isShowing = false
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
if viewModel.isShowUesrBlockConfirm {
|
||||
UserBlockConfirmDialogView(
|
||||
isShowing: $viewModel.isShowUesrBlockConfirm,
|
||||
nickname: viewModel.nickname,
|
||||
confirmAction: {
|
||||
viewModel.memberBlock()
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
if viewModel.isShowUesrReportView {
|
||||
UserReportDialogView(
|
||||
isShowing: $viewModel.isShowUesrReportView,
|
||||
confirmAction: { reason in
|
||||
viewModel.report(type: .USER, reason: reason)
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
if viewModel.isShowProfileReportConfirm {
|
||||
ProfileReportDialogView(
|
||||
isShowing: $viewModel.isShowProfileReportConfirm,
|
||||
confirmAction: {
|
||||
viewModel.report(type: .PROFILE)
|
||||
}
|
||||
)
|
||||
}
|
||||
|
||||
if viewModel.isLoading {
|
||||
LoadingView()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#Preview {
|
||||
MemberProfileDialog(isShowing: .constant(true), memberId: 1)
|
||||
}
|
Reference in New Issue
Block a user