feat(chat): Talk 탭에 스크롤 페이지네이션 추가
This commit is contained in:
@@ -9,7 +9,7 @@ import Foundation
|
|||||||
import Moya
|
import Moya
|
||||||
|
|
||||||
enum TalkApi {
|
enum TalkApi {
|
||||||
case getTalkRooms
|
case getTalkRooms(page: Int)
|
||||||
case createChatRoom(request: CreateChatRoomRequest)
|
case createChatRoom(request: CreateChatRoomRequest)
|
||||||
case enterChatRoom(roomId: Int, characterImageId: Int?)
|
case enterChatRoom(roomId: Int, characterImageId: Int?)
|
||||||
case sendMessage(roomId: Int, request: SendChatMessageRequest)
|
case sendMessage(roomId: Int, request: SendChatMessageRequest)
|
||||||
@@ -89,8 +89,11 @@ extension TalkApi: TargetType {
|
|||||||
|
|
||||||
var task: Moya.Task {
|
var task: Moya.Task {
|
||||||
switch self {
|
switch self {
|
||||||
case .getTalkRooms:
|
case .getTalkRooms(let page):
|
||||||
return .requestPlain
|
return .requestParameters(
|
||||||
|
parameters: ["page": page],
|
||||||
|
encoding: URLEncoding.queryString
|
||||||
|
)
|
||||||
|
|
||||||
case .createChatRoom(let request):
|
case .createChatRoom(let request):
|
||||||
return .requestJSONEncodable(request)
|
return .requestJSONEncodable(request)
|
||||||
|
|||||||
@@ -13,7 +13,7 @@ import Moya
|
|||||||
class TalkRepository {
|
class TalkRepository {
|
||||||
private let api = MoyaProvider<TalkApi>()
|
private let api = MoyaProvider<TalkApi>()
|
||||||
|
|
||||||
func getTalkRooms() -> AnyPublisher<Response, MoyaError> {
|
func getTalkRooms(page: Int) -> AnyPublisher<Response, MoyaError> {
|
||||||
return api.requestPublisher(.getTalkRooms)
|
return api.requestPublisher(.getTalkRooms(page: page))
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -19,9 +19,9 @@ struct TalkView: View {
|
|||||||
.foregroundColor(.white)
|
.foregroundColor(.white)
|
||||||
} else {
|
} else {
|
||||||
ScrollView(.vertical, showsIndicators: false) {
|
ScrollView(.vertical, showsIndicators: false) {
|
||||||
VStack(spacing: 24) {
|
LazyVStack(spacing: 24) {
|
||||||
ForEach(0..<viewModel.talkRooms.count, id: \.self) {
|
ForEach(0..<viewModel.talkRooms.count, id: \.self) { index in
|
||||||
let item = viewModel.talkRooms[$0]
|
let item = viewModel.talkRooms[index]
|
||||||
TalkItemView(item: item)
|
TalkItemView(item: item)
|
||||||
.padding(.horizontal, 24)
|
.padding(.horizontal, 24)
|
||||||
.contentShape(Rectangle())
|
.contentShape(Rectangle())
|
||||||
@@ -31,6 +31,17 @@ struct TalkView: View {
|
|||||||
step: .chatRoom(id: item.chatRoomId)
|
step: .chatRoom(id: item.chatRoomId)
|
||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
.onAppear {
|
||||||
|
// 마지막 셀 등장 시 다음 페이지 로드
|
||||||
|
if index == viewModel.talkRooms.count - 1 {
|
||||||
|
viewModel.loadNextPage()
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
if viewModel.isLoadingMore {
|
||||||
|
ProgressView()
|
||||||
|
.progressViewStyle(CircularProgressViewStyle(tint: .white))
|
||||||
|
.padding(.vertical, 12)
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.padding(.vertical, 24)
|
.padding(.vertical, 24)
|
||||||
|
|||||||
@@ -16,40 +16,82 @@ final class TalkViewModel: ObservableObject {
|
|||||||
@Published var isLoading: Bool = false
|
@Published var isLoading: Bool = false
|
||||||
@Published var errorMessage: String = ""
|
@Published var errorMessage: String = ""
|
||||||
@Published var isShowPopup = false
|
@Published var isShowPopup = false
|
||||||
|
@Published var isLoadingMore: Bool = false
|
||||||
|
|
||||||
// MARK: - Private
|
// MARK: - Private
|
||||||
private let repository = TalkRepository()
|
private let repository = TalkRepository()
|
||||||
private var subscription = Set<AnyCancellable>()
|
private var subscription = Set<AnyCancellable>()
|
||||||
|
|
||||||
|
private var page: Int = 0
|
||||||
|
private var isLastPage: Bool = false
|
||||||
|
private var isLoadingPage: Bool = false
|
||||||
|
|
||||||
// MARK: - API
|
// MARK: - API
|
||||||
func getTalkRooms() {
|
func getTalkRooms() {
|
||||||
isLoading = true
|
// 초기 로드: 페이지 리셋 후 0페이지 요청
|
||||||
|
page = 0
|
||||||
|
isLastPage = false
|
||||||
|
talkRooms.removeAll()
|
||||||
|
fetch(page: page, isInitial: true)
|
||||||
|
}
|
||||||
|
|
||||||
repository.getTalkRooms()
|
func loadNextPage() {
|
||||||
.sink { result in
|
guard !isLastPage, !isLoadingPage else { return }
|
||||||
switch result {
|
page += 1
|
||||||
case .finished:
|
fetch(page: page, isInitial: false)
|
||||||
DEBUG_LOG("finish")
|
}
|
||||||
case .failure(let error):
|
|
||||||
ERROR_LOG(error.localizedDescription)
|
private func fetch(page: Int, isInitial: Bool) {
|
||||||
|
if isInitial {
|
||||||
|
isLoading = true
|
||||||
|
} else {
|
||||||
|
isLoadingMore = true
|
||||||
|
}
|
||||||
|
isLoadingPage = true
|
||||||
|
|
||||||
|
repository.getTalkRooms(page: page)
|
||||||
|
.sink { [weak self] completion in
|
||||||
|
guard let self = self else { return }
|
||||||
|
DispatchQueue.main.async {
|
||||||
|
self.isLoading = false
|
||||||
|
self.isLoadingMore = false
|
||||||
|
self.isLoadingPage = false
|
||||||
}
|
}
|
||||||
} receiveValue: { response in
|
|
||||||
|
if case let .failure(error) = completion {
|
||||||
|
ERROR_LOG(error.localizedDescription)
|
||||||
|
DispatchQueue.main.async {
|
||||||
|
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
|
||||||
|
self.isShowPopup = true
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
DEBUG_LOG("fetch page=\(page) finished")
|
||||||
|
}
|
||||||
|
} receiveValue: { [weak self] response in
|
||||||
|
guard let self = self else { return }
|
||||||
let responseData = response.data
|
let responseData = response.data
|
||||||
self.isLoading = false
|
|
||||||
|
|
||||||
do {
|
do {
|
||||||
let jsonDecoder = JSONDecoder()
|
let jsonDecoder = JSONDecoder()
|
||||||
let decoded = try jsonDecoder.decode(ApiResponse<[TalkRoom]>.self, from: responseData)
|
let decoded = try jsonDecoder.decode(ApiResponse<[TalkRoom]>.self, from: responseData)
|
||||||
|
|
||||||
if let data = decoded.data, decoded.success {
|
if let data = decoded.data, decoded.success {
|
||||||
self.talkRooms = data
|
if data.isEmpty {
|
||||||
|
// 빈 데이터면 마지막 페이지로 인식
|
||||||
|
self.isLastPage = true
|
||||||
|
return
|
||||||
|
}
|
||||||
|
if isInitial || self.talkRooms.isEmpty && page == 0 {
|
||||||
|
self.talkRooms = data
|
||||||
|
} else {
|
||||||
|
self.talkRooms.append(contentsOf: data)
|
||||||
|
}
|
||||||
} else {
|
} else {
|
||||||
if let message = decoded.message {
|
if let message = decoded.message {
|
||||||
self.errorMessage = message
|
self.errorMessage = message
|
||||||
} else {
|
} else {
|
||||||
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
|
self.errorMessage = "다시 시도해 주세요.\n계속 같은 문제가 발생할 경우 고객센터로 문의 주시기 바랍니다."
|
||||||
}
|
}
|
||||||
|
|
||||||
self.isShowPopup = true
|
self.isShowPopup = true
|
||||||
}
|
}
|
||||||
} catch {
|
} catch {
|
||||||
|
|||||||
Reference in New Issue
Block a user