feat(creator): 오디오 탭을 추가한다

2026-07-04 16:40:35 +09:00
parent 6600cd43c1
commit c4c18341a6
12 changed files with 955 additions and 77 deletions
--- a/SodaLive/Sources/V2/CreatorChannel/Audio/CreatorChannelAudioTabView.swift
+++ b/SodaLive/Sources/V2/CreatorChannel/Audio/CreatorChannelAudioTabView.swift
@@ -0,0 +1,108 @@
+import SwiftUI
+
+struct CreatorChannelAudioTabView: View {
+    let creatorId: Int
+    let isOwnCreatorChannel: Bool
+    let onTapContent: (Int) -> Void
+
+    @StateObject private var viewModel = CreatorChannelAudioViewModel()
+    @State private var isSortSheetPresented = false
+
+    var body: some View {
+        content
+            .background(Color.black)
+            .onAppear {
+                if viewModel.hasLoaded == false {
+                    viewModel.fetchFirstPage(creatorId: creatorId)
+                }
+            }
+            .sheet(isPresented: $isSortSheetPresented) {
+                CreatorChannelSortBottomSheet(selectedSort: viewModel.selectedSort) { sort in
+                    viewModel.selectSort(sort, creatorId: creatorId)
+                    isSortSheetPresented = false
+                }
+            }
+            .sodaToast(isPresented: $viewModel.isShowPopup, message: viewModel.errorMessage, autohideIn: 1)
+    }
+
+    private var content: some View {
+        VStack(spacing: 0) {
+            if isEmptyState {
+                emptyStateView
+            } else {
+                CapsuleTabBar(
+                    items: viewModel.displayThemes,
+                    selectedItem: Binding(
+                        get: { viewModel.selectedTheme },
+                        set: { viewModel.selectTheme($0, creatorId: creatorId) }
+                    ),
+                    title: { $0.themeName }
+                )
+
+                CreatorChannelSortBar(
+                    selectedSort: viewModel.selectedSort,
+                    onTapSort: {
+                        isSortSheetPresented = true
+                    }
+                )
+
+                LazyVStack(spacing: 0) {
+                    if shouldShowOwnershipRate, let response = viewModel.response {
+                        CreatorChannelAudioOwnershipRateView(
+                            purchasedAudioContentRate: response.purchasedAudioContentRate,
+                            purchasedAudioContentCount: response.purchasedAudioContentCount,
+                            paidAudioContentCount: response.paidAudioContentCount
+                        )
+                        .padding(.bottom, SodaSpacing.s8)
+                    }
+
+                    ForEach(viewModel.audioContents) { audioContent in
+                        CreatorChannelAudioContentListItem(audioContent: audioContent) {
+                            onTapContent(audioContent.audioContentId)
+                        }
+                        .onAppear {
+                            viewModel.fetchNextPageIfNeeded(creatorId: creatorId, currentItem: audioContent)
+                        }
+                    }
+
+                    if viewModel.isLoadingNextPage {
+                        ProgressView()
+                            .padding(.vertical, SodaSpacing.s20)
+                    }
+                }
+                .padding(.bottom, isOwnCreatorChannel ? 70 : SodaSpacing.s20)
+            }
+        }
+    }
+
+    private var shouldShowOwnershipRate: Bool {
+        guard isOwnCreatorChannel == false else { return false }
+        return viewModel.isAllThemeSelected
+    }
+
+    private var isEmptyState: Bool {
+        guard viewModel.hasLoaded, let response = viewModel.response else { return false }
+        return response.audioContentCount == 0
+    }
+
+    private var emptyStateView: some View {
+        Text(I18n.CreatorChannelAudio.emptyMessage)
+            .appFont(.body3)
+            .foregroundColor(Color.gray500)
+            .multilineTextAlignment(.center)
+            .frame(maxWidth: .infinity)
+            .padding(.vertical, 48)
+    }
+}
+
+struct CreatorChannelAudioTabView_Previews: PreviewProvider {
+    static var previews: some View {
+        CreatorChannelAudioTabView(
+            creatorId: 1,
+            isOwnCreatorChannel: false,
+            onTapContent: { _ in }
+        )
+        .background(Color.black)
+        .previewLayout(.sizeThatFits)
+    }
+}