크리에이터 채널 페이지 추가

This commit is contained in:
Yu Sung
2023-08-11 18:33:48 +09:00
parent a167840162
commit a8338e6fea
69 changed files with 4087 additions and 10 deletions

View File

@@ -0,0 +1,19 @@
//
// PostWriteCheersRequest.swift
// SodaLive
//
// Created by klaus on 2023/08/11.
//
import Foundation
struct PostWriteCheersRequest: Encodable {
let parentId: Int?
let creatorId: Int
let content: String
}
struct PutModifyCheersRequest: Encodable {
let cheersId: Int
let content: String
}

View File

@@ -0,0 +1,137 @@
//
// UserProfileFanTalkCheersItemView.swift
// SodaLive
//
// Created by klaus on 2023/08/11.
//
import SwiftUI
import Kingfisher
struct UserProfileFanTalkCheersItemView: View {
let userId: Int
let cheer: GetCheersResponseItem
let writeCheerReply: (String) -> Void
let modifyCheer: (Int, String) -> Void
let reportPopup: (Int) -> Void
@State var replyContent: String = ""
@State var isShowInputReply = false
var body: some View {
VStack(alignment: .leading, spacing: 0) {
HStack(alignment: .top, spacing: 6.7) {
KFImage(URL(string: cheer.profileUrl))
.cancelOnDisappear(true)
.downsampling(size: CGSize(width: 33.3, height: 33.3))
.resizable()
.frame(width: 33.3, height: 33.3)
.clipShape(Circle())
VStack(alignment: .leading, spacing: 0) {
Text("\(cheer.nickname)")
.font(.custom(Font.medium.rawValue, size: 13.3))
.foregroundColor(Color(hex: "eeeeee"))
Text("\(cheer.date)")
.font(.custom(Font.medium.rawValue, size: 10.7))
.foregroundColor(Color(hex: "525252"))
.padding(.top, 8.3)
Text("\(cheer.content)")
.font(.custom(Font.medium.rawValue, size: 12))
.foregroundColor(Color(hex: "777777"))
.padding(.top, 13.3)
if isShowInputReply {
HStack(spacing: 10) {
TextField("응원댓글에 답글을 남겨보세요!", text: $replyContent)
.autocapitalization(.none)
.disableAutocorrection(true)
.font(.custom(Font.medium.rawValue, size: 13.3))
.foregroundColor(Color(hex: "eeeeee"))
.padding(13.3)
.background(Color(hex: "232323"))
.accentColor(Color(hex: "9970ff"))
.keyboardType(.default)
.cornerRadius(10)
.overlay(
RoundedRectangle(cornerRadius: 10)
.strokeBorder(lineWidth: 1)
.foregroundColor(Color(hex: "9970ff"))
)
Text("등록")
.font(.custom(Font.bold.rawValue, size: 13.3))
.foregroundColor(Color(hex: "ffffff"))
.padding(13.3)
.background(Color(hex: "9970ff"))
.cornerRadius(6.7)
.onTapGesture {
if cheer.replyList.count > 0 {
modifyCheer(cheer.replyList[0].cheersId, replyContent)
} else {
writeCheerReply(replyContent)
}
}
}
.padding(.top, 10)
} else {
if cheer.replyList.count <= 0 {
if userId == UserDefaults.int(forKey: .userId) {
Text("답글쓰기")
.font(.custom(Font.medium.rawValue, size: 12))
.foregroundColor(Color(hex: "9970ff"))
.padding(.top, 18.3)
.onTapGesture {
isShowInputReply = true
}
}
} else {
let reply = cheer.replyList[0]
VStack(alignment: .leading, spacing: 8.3) {
Text(reply.content)
.font(.custom(Font.medium.rawValue, size: 12))
.foregroundColor(Color(hex: "ffffff"))
.frame(minWidth: 100)
.padding(.horizontal, 6.7)
.padding(.vertical, 6.7)
.background(Color(hex: "9970ff").opacity(0.3))
.cornerRadius(16.7)
.padding(.top, 18.3)
HStack(spacing: 6.7) {
Text(reply.date)
.font(.custom(Font.medium.rawValue, size: 10.7))
.foregroundColor(Color(hex: "525252"))
if userId == UserDefaults.int(forKey: .userId) {
Text("답글 수정")
.font(.custom(Font.medium.rawValue, size: 10.7))
.foregroundColor(Color(hex: "9970ff"))
.onTapGesture {
self.replyContent = reply.content
isShowInputReply = true
}
}
}
}
}
}
}
Spacer()
Image("ic_seemore_vertical")
.onTapGesture { reportPopup(cheer.cheersId) }
}
Rectangle()
.frame(height: 1)
.foregroundColor(Color(hex: "909090").opacity(0.5))
.padding(.top, 13.3)
}
.frame(width: screenSize().width - 26.7)
}
}

View File

@@ -0,0 +1,143 @@
//
// UserProfileFanTalkView.swift
// SodaLive
//
// Created by klaus on 2023/08/11.
//
import SwiftUI
import Kingfisher
struct UserProfileFanTalkView: View {
@StateObject var viewModel = UserProfileFanTalkViewModel()
let userId: Int
let cheers: GetCheersResponse
let errorPopup: (String) -> Void
let reportPopup: (Int) -> Void
@Binding var isLoading: Bool
@State private var cheersContent: String = ""
var body: some View {
VStack(alignment: .leading, spacing: 0) {
HStack(spacing: 0) {
Text("팬 Talk")
.font(.custom(Font.bold.rawValue, size: 16.7))
.foregroundColor(Color(hex: "eeeeee"))
Spacer()
Text("전체보기")
.font(.custom(Font.light.rawValue, size: 11.3))
.foregroundColor(Color(hex: "bbbbbb"))
.onTapGesture {
AppState.shared.setAppStep(step: .userProfileFanTalkAll(userId: userId))
}
}
.padding(.horizontal, 13.3)
VStack(alignment: .leading, spacing: 0) {
HStack(spacing: 6.7) {
Text("응원")
.font(.custom(Font.medium.rawValue, size: 14.7))
.foregroundColor(Color(hex: "eeeeee"))
Text("\(cheers.totalCount)")
.font(.custom(Font.medium.rawValue, size: 12))
.foregroundColor(Color(hex: "777777"))
}
.padding(.top, 20)
Rectangle()
.frame(height: 1)
.foregroundColor(Color(hex: "909090").opacity(0.5))
.padding(.top, 13.3)
HStack(spacing: 0) {
TextField("응원댓글을 입력하세요", text: $cheersContent)
.autocapitalization(.none)
.disableAutocorrection(true)
.font(.custom(Font.medium.rawValue, size: 13.3))
.foregroundColor(Color(hex: "eeeeee"))
.accentColor(Color(hex: "9970ff"))
.keyboardType(.default)
.padding(.horizontal, 13.3)
Spacer()
Image("btn_message_send")
.resizable()
.frame(width: 35, height: 35)
.padding(6.7)
.onTapGesture {
hideKeyboard()
viewModel.writeCheers(creatorId: userId, cheersContent: cheersContent)
cheersContent = ""
}
}
.background(Color(hex: "232323"))
.cornerRadius(10)
.overlay(
RoundedRectangle(cornerRadius: 10)
.strokeBorder(lineWidth: 1)
.foregroundColor(Color(hex: "9970ff"))
)
.padding(.top, 13.3)
Rectangle()
.frame(height: 1)
.foregroundColor(Color(hex: "909090").opacity(0.5))
.padding(.top, 13.3)
VStack(spacing: 20) {
if viewModel.cheersTotalCount > 0 {
ForEach(0..<viewModel.cheersList.count, id: \.self) {
let cheer = viewModel.cheersList[$0]
UserProfileFanTalkCheersItemView(
userId: userId,
cheer: cheer,
writeCheerReply: { cheersReplyContent in
viewModel.writeCheersReply(parentCheersId: cheer.cheersId, creatorId: userId, cheersReplyContent: cheersReplyContent)
},
modifyCheer: { cheersId, cheersReplyContent in
viewModel.modifyCheersReply(cheersId: cheersId, creatorId: userId, cheersReplyContent: cheersReplyContent)
},
reportPopup: { cheersId in
reportPopup(cheersId)
}
)
.onTapGesture {
hideKeyboard()
}
}
} else {
Text("응원이 없습니다.\n\n처음으로 응원을 해보세요!")
.font(.custom(Font.light.rawValue, size: 13.3))
.foregroundColor(Color(hex: "bbbbbb"))
.multilineTextAlignment(.center)
.fixedSize(horizontal: false, vertical: true)
.padding(.vertical, 60)
.frame(width: screenSize().width - 26.7)
}
}
.padding(.top, 20)
}
.frame(width: screenSize().width - 26.7)
.padding(.horizontal, 13.3)
}
.onTapGesture { hideKeyboard() }
.onAppear {
viewModel.pageSize = 4
viewModel.setLoading = {
isLoading = $0
}
viewModel.errorPopup = errorPopup
viewModel.cheersList.removeAll()
viewModel.cheersTotalCount = cheers.totalCount
viewModel.cheersList.append(contentsOf: cheers.cheers)
}
}
}

View File

@@ -0,0 +1,321 @@
//
// UserProfileFanTalkViewModel.swift
// SodaLive
//
// Created by klaus on 2023/08/11.
//
import Foundation
import Combine
final class UserProfileFanTalkViewModel: ObservableObject {
@Published var errorMessage = ""
@Published var isShowPopup = false
@Published var isLoading = false
@Published var cheersTotalCount = 0
@Published var cheersList = [GetCheersResponseItem]()
@Published var reportCheersId = 0
@Published var isShowCheersReportMenu = false
@Published var isShowCheersReportView = false
var errorPopup: ((String) -> Void)?
var setLoading: ((Bool) -> Void)?
private var repository = ExplorerRepository()
private let reportRepository = ReportRepository()
private var subscription = Set<AnyCancellable>()
var cheersPage = 1
var pageSize = 10
private var isCheersLast = false
func getCheersList(creatorId: Int) {
if !isCheersLast && !isLoading {
if let setLoading = self.setLoading {
setLoading(true)
}
isLoading = true
repository.getCreatorProfileCheers(userId: creatorId, page: cheersPage, size: pageSize)
.sink { result in
switch result {
case .finished:
DEBUG_LOG("finish")
case .failure(let error):
ERROR_LOG(error.localizedDescription)
}
} receiveValue: { [unowned self] response in
if let setLoading = self.setLoading {
setLoading(false)
}
self.isLoading = false
let responseData = response.data
do {
let jsonDecoder = JSONDecoder()
let decoded = try jsonDecoder.decode(ApiResponse<GetCheersResponse>.self, from: responseData)
if let data = decoded.data, decoded.success {
if !data.cheers.isEmpty {
cheersPage += 1
self.cheersTotalCount = data.totalCount
self.cheersList.append(contentsOf: data.cheers)
} else {
isCheersLast = true
}
} else {
if let message = decoded.message {
self.errorMessage = message
} else {
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
}
if let errorPopup = errorPopup {
errorPopup(self.errorMessage)
} else {
self.isShowPopup = true
}
}
} catch {
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
if let errorPopup = errorPopup {
errorPopup(self.errorMessage)
} else {
self.isShowPopup = true
}
}
}
.store(in: &subscription)
}
}
func writeCheersReply(parentCheersId: Int, creatorId: Int, cheersReplyContent: String) {
if cheersReplyContent.trimmingCharacters(in: .whitespaces).isEmpty {
if let errorPopup = errorPopup {
errorPopup("내용을 입력하세요")
} else {
errorMessage = "내용을 입력하세요"
isShowPopup = true
}
return
}
if let setLoading = self.setLoading {
setLoading(true)
}
isLoading = true
repository.writeCheers(parentCheersId: parentCheersId, creatorId: creatorId, content: cheersReplyContent)
.sink { result in
switch result {
case .finished:
DEBUG_LOG("finish")
case .failure(let error):
ERROR_LOG(error.localizedDescription)
}
} receiveValue: { [unowned self] response in
if let setLoading = self.setLoading {
setLoading(false)
}
self.isLoading = false
let responseData = response.data
do {
let jsonDecoder = JSONDecoder()
let decoded = try jsonDecoder.decode(ApiResponseWithoutData.self, from: responseData)
if decoded.success {
cheersPage = 1
isCheersLast = false
cheersList.removeAll()
self.getCheersList(creatorId: creatorId)
} else {
if let message = decoded.message {
self.errorMessage = message
} else {
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
}
if let errorPopup = errorPopup {
errorPopup(self.errorMessage)
} else {
self.isShowPopup = true
}
}
} catch {
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
if let errorPopup = errorPopup {
errorPopup(self.errorMessage)
} else {
self.isShowPopup = true
}
}
}
.store(in: &subscription)
}
func writeCheers(creatorId: Int, cheersContent: String) {
if cheersContent.trimmingCharacters(in: .whitespaces).isEmpty {
if let errorPopup = errorPopup {
errorPopup("내용을 입력하세요")
} else {
errorMessage = "내용을 입력하세요"
isShowPopup = true
}
return
}
if let setLoading = self.setLoading {
setLoading(true)
}
isLoading = true
repository.writeCheers(parentCheersId: nil, creatorId: creatorId, content: cheersContent)
.sink { result in
switch result {
case .finished:
DEBUG_LOG("finish")
case .failure(let error):
ERROR_LOG(error.localizedDescription)
}
} receiveValue: { [unowned self] response in
if let setLoading = self.setLoading {
setLoading(false)
}
self.isLoading = false
let responseData = response.data
do {
let jsonDecoder = JSONDecoder()
let decoded = try jsonDecoder.decode(ApiResponseWithoutData.self, from: responseData)
if decoded.success {
cheersPage = 1
isCheersLast = false
cheersList.removeAll()
self.getCheersList(creatorId: creatorId)
} else {
if let message = decoded.message {
self.errorMessage = message
} else {
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
}
if let errorPopup = errorPopup {
errorPopup(self.errorMessage)
} else {
self.isShowPopup = true
}
}
} catch {
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
if let errorPopup = errorPopup {
errorPopup(self.errorMessage)
} else {
self.isShowPopup = true
}
}
}
.store(in: &subscription)
}
func modifyCheersReply(cheersId: Int, creatorId: Int, cheersReplyContent: String) {
if cheersReplyContent.trimmingCharacters(in: .whitespaces).isEmpty {
if let errorPopup = errorPopup {
errorPopup("내용을 입력하세요")
} else {
errorMessage = "내용을 입력하세요"
isShowPopup = true
}
return
}
if let setLoading = self.setLoading {
setLoading(true)
}
isLoading = true
repository.modifyCheers(cheersId: cheersId, content: cheersReplyContent)
.sink { result in
switch result {
case .finished:
DEBUG_LOG("finish")
case .failure(let error):
ERROR_LOG(error.localizedDescription)
}
} receiveValue: { [unowned self] response in
if let setLoading = self.setLoading {
setLoading(false)
}
self.isLoading = false
let responseData = response.data
do {
let jsonDecoder = JSONDecoder()
let decoded = try jsonDecoder.decode(ApiResponseWithoutData.self, from: responseData)
if decoded.success {
cheersPage = 1
isCheersLast = false
cheersList.removeAll()
self.getCheersList(creatorId: creatorId)
} else {
if let message = decoded.message {
self.errorMessage = message
} else {
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
}
self.isShowPopup = true
}
} catch {
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
self.isShowPopup = true
}
}
.store(in: &subscription)
}
func report(type: ReportType, reason: String = "프로필 신고") {
isLoading = true
let request = ReportRequest(type: type, reason: reason, reportedMemberId: nil, cheersId: reportCheersId > 0 && type == .CHEERS ? reportCheersId : nil, audioContentId: nil)
reportRepository.report(request: request)
.sink { result in
switch result {
case .finished:
DEBUG_LOG("finish")
case .failure(let error):
ERROR_LOG(error.localizedDescription)
}
} receiveValue: { [unowned self] response in
self.isLoading = false
let responseData = response.data
self.reportCheersId = 0
do {
let jsonDecoder = JSONDecoder()
let decoded = try jsonDecoder.decode(ApiResponseWithoutData.self, from: responseData)
if let message = decoded.message {
self.errorMessage = message
} else {
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
}
self.isShowPopup = true
} catch {
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
self.isShowPopup = true
}
}
.store(in: &subscription)
}
}