feat: 홈 메인

- 추천 채널 UI 추가
2025-07-14 14:21:31 +09:00
parent b6e5b629ae
commit 0f658d07af
7 changed files with 222 additions and 14 deletions
--- a/SodaLive/Sources/Home/RecommendChannel/RecommendChannelContentItemView.swift
+++ b/SodaLive/Sources/Home/RecommendChannel/RecommendChannelContentItemView.swift
@@ -0,0 +1,70 @@
+//
+//  RecommendChannelContentItemView.swift
+//  SodaLive
+//
+//  Created by klaus on 7/14/25.
+//
+
+import SwiftUI
+import Kingfisher
+
+struct RecommendChannelContentItemView: View {
+    
+    @AppStorage("token") private var token: String = UserDefaults.string(forKey: UserDefaultsKey.token)
+    
+    let item: RecommendChannelContentItem
+    
+    var body: some View {
+        HStack(spacing: 16) {
+            KFImage(URL(string: item.thumbnailImageUrl))
+                .resizable()
+                .frame(width: 60, height: 60)
+                .cornerRadius(12)
+            
+            VStack(alignment: .leading, spacing: 2) {
+                Text(item.title)
+                    .font(.custom(Font.preRegular.rawValue, size: 18))
+                    .foregroundColor(.white)
+                    .lineLimit(1)
+                    .truncationMode(.tail)
+                
+                HStack(spacing: 12) {
+                    HStack(spacing: 4) {
+                        Image("ic_heart_dark_green")
+                        
+                        Text("\(item.likeCount)")
+                            .font(.custom(Font.preRegular.rawValue, size: 18))
+                            .foregroundColor(Color(hex: "B0BEC5"))
+                    }
+                    
+                    HStack(spacing: 4) {
+                        Image("ic_comment_dark_green")
+                        
+                        Text("\(item.commentCount)")
+                            .font(.custom(Font.preRegular.rawValue, size: 18))
+                            .foregroundColor(Color(hex: "B0BEC5"))
+                    }
+                }
+            }
+        }
+        .onTapGesture {
+            if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
+                AppState.shared.setAppStep(step: .contentDetail(contentId: item.contentId))
+            } else {
+                AppState.shared.setAppStep(step: .login)
+            }
+        }
+    }
+}
+
+#Preview {
+    RecommendChannelContentItemView(
+        item: RecommendChannelContentItem(
+            contentId: 1,
+            title: "고품격 음악 밥솥",
+            thumbnailImageUrl: "https://cf.sodalive.net/audio_content_cover/5819/5819-cover-20a26c55-c7a2-47ef-bca5-ce47d953dfe0-1373-1752293900615",
+            likeCount: 999,
+            commentCount: 99
+        )
+    )
+}