콘텐츠 메인

- 단편 탭 UI 페이지 생성
2025-02-22 01:41:03 +09:00
parent 6bd27c5301
commit e9e7403579
18 changed files with 1018 additions and 95 deletions
--- a/SodaLive/Sources/Content/Main/V2/ContentMainNewContentViewV2.swift
+++ b/SodaLive/Sources/Content/Main/V2/ContentMainNewContentViewV2.swift
@@ -0,0 +1,97 @@
+//
+//  ContentMainNewContentViewV2.swift
+//  SodaLive
+//
+//  Created by klaus on 2/21/25.
+//
+
+import SwiftUI
+
+struct ContentMainNewContentViewV2: View {
+    
+    let title: String
+    let onClickMore: () -> Void
+    let themeList: [String]
+    let contentList: [GetAudioContentMainItem]
+    
+    let selectTheme: (String) -> Void
+    @State private var selectedTheme = "전체"
+    
+    var body: some View {
+        LazyVStack(spacing: 13.3) {
+            HStack(spacing: 0) {
+                Text(title)
+                    .font(.custom(Font.bold.rawValue, size: 18.3))
+                    .foregroundColor(Color(hex: "eeeeee"))
+                
+                Spacer()
+                
+                Image("ic_forward")
+                    .resizable()
+                    .frame(width: 20, height: 20)
+                    .onTapGesture {
+                    }
+            }
+            .padding(.horizontal, 13.3)
+            
+            ContentMainContentThemeView(
+                themeList: themeList,
+                selectTheme: selectTheme,
+                selectedTheme: $selectedTheme
+            )
+            
+            ScrollView(.horizontal, showsIndicators: false) {
+                HStack(spacing: 13.3) {
+                    ForEach(0..<contentList.count, id: \.self) { index in
+                        ContentMainItemView(item: contentList[index])
+                    }
+                }
+                .padding(.horizontal, 13.3)
+            }
+        }
+        .onAppear {
+            selectedTheme = themeList[0]
+        }
+    }
+}
+
+#Preview {
+    ContentMainNewContentViewV2(
+        title: "새로운 단편",
+        onClickMore: {},
+        themeList: ["전체", "테스트1", "테스트2"],
+        contentList: [
+            GetAudioContentMainItem(
+                contentId: 1,
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                title: "ㅓ처랴햐햫햐햐",
+                creatorId: 8,
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                creatorNickname: "유저1",
+                price: 10,
+                duration: "00:00:30"
+            ),
+            GetAudioContentMainItem(
+                contentId: 2,
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                title: "ㅓ처랴햐햫햐햐",
+                creatorId: 8,
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                creatorNickname: "유저2",
+                price: 10,
+                duration: "00:00:30"
+            ),
+            GetAudioContentMainItem(
+                contentId: 3,
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                title: "ㅓ처랴햐햫햐햐",
+                creatorId: 8,
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                creatorNickname: "유저3",
+                price: 10,
+                duration: "00:00:30"
+            )
+        ],
+        selectTheme: { _ in }
+    )
+}