feat(creator): 후원 탭을 연결한다

SodaLive/Sources/V2/CreatorChannel/Donation/CreatorChannelDonationTabView.swift

@@ -0,0 +1,76 @@
+import SwiftUI
+
+struct CreatorChannelDonationTabView: View {
+    let creatorId: Int
+    let isOwnCreatorChannel: Bool
+    @ObservedObject var viewModel: CreatorChannelDonationViewModel
+    let onTapViewAll: () -> Void
+    let onTapDonate: () -> Void
+
+    var body: some View {
+        content
+            .background(Color.black)
+            .onAppear {
+                if viewModel.hasLoaded == false {
+                    viewModel.fetchFirstPage(creatorId: creatorId)
+                }
+            }
+            .sodaToast(isPresented: $viewModel.isShowPopup, message: viewModel.errorMessage, autohideIn: 1)
+    }
+
+    private var content: some View {
+        VStack(spacing: 0) {
+            CreatorChannelDonationCountBar(donationCount: viewModel.donationCount)
+
+            if isEmptyState {
+                CreatorChannelDonationEmptyView(
+                    showsDonateButton: isOwnCreatorChannel == false,
+                    onTapDonate: onTapDonate
+                )
+            } else {
+                CreatorChannelDonationRankingSection(
+                    rankings: viewModel.rankings,
+                    onTapViewAll: onTapViewAll
+                )
+
+                LazyVStack(spacing: SodaSpacing.s8) {
+                    ForEach(viewModel.donations.indices, id: \.self) { index in
+                        CreatorChannelDonationCard(donation: viewModel.donations[index])
+                            .padding(.horizontal, SodaSpacing.s14)
+                            .onAppear {
+                                viewModel.fetchNextPageIfNeeded(
+                                    creatorId: creatorId,
+                                    currentItem: viewModel.donations[index]
+                                )
+                            }
+                    }
+
+                    if viewModel.isLoadingNextPage {
+                        ProgressView()
+                            .padding(.vertical, SodaSpacing.s20)
+                    }
+                }
+                .padding(.bottom, SodaSpacing.s20)
+            }
+        }
+    }
+
+    private var isEmptyState: Bool {
+        guard viewModel.hasLoaded else { return false }
+        return viewModel.rankings.isEmpty && viewModel.donationCount == 0
+    }
+}
+
+struct CreatorChannelDonationTabView_Previews: PreviewProvider {
+    static var previews: some View {
+        CreatorChannelDonationTabView(
+            creatorId: 1,
+            isOwnCreatorChannel: false,
+            viewModel: CreatorChannelDonationViewModel(),
+            onTapViewAll: {},
+            onTapDonate: {}
+        )
+        .background(Color.black)
+        .previewLayout(.sizeThatFits)
+    }
+}