feat(chat): Talk 탭에 스크롤 페이지네이션 추가

This commit is contained in:
Yu Sung
2025-09-11 14:39:11 +09:00
parent e1e3b7d95c
commit 943356607b
4 changed files with 76 additions and 20 deletions

View File

@@ -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)

View File

@@ -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))
} }
} }

View File

@@ -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)

View File

@@ -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 {