feat: 메인 홈

- 주간 차트, 무료 콘텐츠 UI 추가
2025-07-12 02:50:24 +09:00
parent 6a9854bdd7
commit 07c73366e9
3 changed files with 232 additions and 32 deletions
--- a/SodaLive/Sources/Home/HomeWeeklyChartView.swift
+++ b/SodaLive/Sources/Home/HomeWeeklyChartView.swift
@@ -0,0 +1,149 @@
+//
+//  HomeWeeklyChartView.swift
+//  SodaLive
+//
+//  Created by klaus on 7/12/25.
+//
+
+import SwiftUI
+
+struct HomeWeeklyChartView: View {
+    @AppStorage("token") private var token: String = UserDefaults.string(forKey: UserDefaultsKey.token)
+    
+    let rows = [
+        GridItem(.fixed(60), alignment: .leading),
+        GridItem(.fixed(60), alignment: .leading),
+        GridItem(.fixed(60), alignment: .leading),
+        GridItem(.fixed(60), alignment: .leading)
+    ]
+    
+    let contentList: [GetAudioContentRankingItem]
+    
+    var body: some View {
+        VStack(spacing: 16) {
+            HStack(spacing: 0) {
+                Text("보온")
+                    .font(.custom(Font.preBold.rawValue, size: 26))
+                    .foregroundColor(.button)
+                
+                Text(" 주간 차트")
+                    .font(.custom(Font.preBold.rawValue, size: 26))
+                    .foregroundColor(.white)
+                
+                Spacer()
+            }
+            .padding(.horizontal, 24)
+            
+            ScrollView(.horizontal, showsIndicators: false) {
+                LazyHGrid(rows: rows, spacing: 13.3) {
+                    ForEach(0..<contentList.count, id: \.self) { index in
+                        HomeWeeklyChartItemView(
+                            rank: index + 1,
+                            content: contentList[index]
+                        ) {
+                            if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
+                                AppState.shared
+                                    .setAppStep(step: .contentDetail(contentId: $0))
+                            } else {
+                                AppState.shared
+                                    .setAppStep(step: .login)
+                            }
+                        }
+                    }
+                }
+                .padding(.horizontal, 24)
+            }
+        }
+    }
+}
+
+#Preview {
+    HomeWeeklyChartView(
+        contentList: [
+            GetAudioContentRankingItem(
+                contentId: 1,
+                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                themeStr: "커버곡",
+                price: 100,
+                duration: "00:30:20",
+                creatorId: 1,
+                creatorNickname: "유저1",
+                isPointAvailable: false,
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
+            ),
+            GetAudioContentRankingItem(
+                contentId: 2,
+                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....",
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                themeStr: "커버곡",
+                price: 0,
+                duration: "00:30:20",
+                creatorId: 2,
+                creatorNickname: "유저2",
+                isPointAvailable: false,
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
+            ),
+            GetAudioContentRankingItem(
+                contentId: 3,
+                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                themeStr: "커버곡",
+                price: 50,
+                duration: "00:30:20",
+                creatorId: 3,
+                creatorNickname: "유저3",
+                isPointAvailable: true,
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
+            ),
+            GetAudioContentRankingItem(
+                contentId: 3,
+                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                themeStr: "커버곡",
+                price: 50,
+                duration: "00:30:20",
+                creatorId: 3,
+                creatorNickname: "유저3",
+                isPointAvailable: true,
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
+            ),
+            GetAudioContentRankingItem(
+                contentId: 3,
+                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                themeStr: "커버곡",
+                price: 50,
+                duration: "00:30:20",
+                creatorId: 3,
+                creatorNickname: "유저3",
+                isPointAvailable: true,
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
+            ),
+            GetAudioContentRankingItem(
+                contentId: 3,
+                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                themeStr: "커버곡",
+                price: 50,
+                duration: "00:30:20",
+                creatorId: 3,
+                creatorNickname: "유저3",
+                isPointAvailable: true,
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
+            ),
+            GetAudioContentRankingItem(
+                contentId: 3,
+                title: "안녕하세요 오늘은 커버곡을 들려드릴께요....안녕하세요 오늘은 커버곡을 들려드릴께요....",
+                coverImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png",
+                themeStr: "커버곡",
+                price: 50,
+                duration: "00:30:20",
+                creatorId: 3,
+                creatorNickname: "유저3",
+                isPointAvailable: true,
+                creatorProfileImageUrl: "https://test-cf.sodalive.net/profile/default-profile.png"
+            )
+        ]
+    )
+}