feat(creator): 라이브 탭 화면을 추가한다

SodaLive/Sources/V2/CreatorChannel/Live/CreatorChannelLiveTabView.swift

@@ -0,0 +1,87 @@
+import SwiftUI
+
+struct CreatorChannelLiveTabView: View {
+    let creatorId: Int
+    let isOwnCreatorChannel: Bool
+    let onTapLive: (Int) -> Void
+    let onTapContent: (Int) -> Void
+    let onTapCreateLive: () -> Void
+
+    @StateObject private var viewModel = CreatorChannelLiveViewModel()
+    @State private var isSortSheetPresented = false
+
+    var body: some View {
+        ZStack(alignment: .bottom) {
+            content
+
+            if isOwnCreatorChannel {
+                CreatorChannelLiveStartButton(action: onTapCreateLive)
+                    .padding(.horizontal, SodaSpacing.s20)
+                    .padding(.bottom, SodaSpacing.s20)
+            }
+        }
+        .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) {
+            CreatorChannelSortBar(
+                totalCount: viewModel.response?.liveReplayContentCount ?? 0,
+                selectedSort: viewModel.selectedSort,
+                onTapSort: {
+                    isSortSheetPresented = true
+                }
+            )
+
+            LazyVStack(spacing: 0) {
+                CreatorChannelCurrentLiveSection(
+                    currentLive: viewModel.response?.currentLive,
+                    onTapLive: onTapLive
+                )
+                .padding(.top, SodaSpacing.s14)
+                .padding(.bottom, SodaSpacing.s12)
+
+                ForEach(viewModel.liveReplayContents) { audioContent in
+                    CreatorChannelLiveReplayListItem(audioContent: audioContent) {
+                        onTapContent(audioContent.audioContentId)
+                    }
+                    .onAppear {
+                        viewModel.fetchNextPageIfNeeded(creatorId: creatorId, currentItem: audioContent)
+                    }
+                }
+
+                if viewModel.isLoadingNextPage {
+                    ProgressView()
+                        .padding(.vertical, SodaSpacing.s20)
+                }
+            }
+            .padding(.bottom, isOwnCreatorChannel ? 96 : SodaSpacing.s20)
+        }
+    }
+}
+
+struct CreatorChannelLiveTabView_Previews: PreviewProvider {
+    static var previews: some View {
+        CreatorChannelLiveTabView(
+            creatorId: 1,
+            isOwnCreatorChannel: true,
+            onTapLive: { _ in },
+            onTapContent: { _ in },
+            onTapCreateLive: {}
+        )
+        .background(Color.black)
+        .previewLayout(.sizeThatFits)
+    }
+}