feat: 메인 홈

- 요일별 시리즈, 오디션 추가
2025-07-12 01:20:02 +09:00
parent 5a9b95c2bf
commit 6a9854bdd7
6 changed files with 459 additions and 50 deletions
--- a/SodaLive/Sources/Content/Series/SeriesItemView.swift
+++ b/SodaLive/Sources/Content/Series/SeriesItemView.swift
@@ -6,13 +6,126 @@
 //

 import SwiftUI
+import Kingfisher

 struct SeriesItemView: View {
+    
+    @AppStorage("token") private var token: String = UserDefaults.string(forKey: UserDefaultsKey.token)
+    
+    let item: SeriesListItem
+    
    var body: some View {
-        Text(/*@START_MENU_TOKEN@*/"Hello, World!"/*@END_MENU_TOKEN@*/)
+        VStack(alignment: .leading, spacing: 4) {
+            ZStack {
+                KFImage(URL(string: item.coverImage))
+                    .cancelOnDisappear(true)
+                    .resizable()
+                    .scaledToFill()
+                    .frame(width: 168, height: 238, alignment: .center)
+                    .cornerRadius(16)
+                    .clipped()
+                    .onTapGesture {
+                        if !token.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
+                            AppState.shared
+                                .setAppStep(step: .seriesDetail(seriesId: item.seriesId))
+                        } else {
+                            AppState.shared
+                                .setAppStep(step: .login)
+                        }
+                    }
+                
+                VStack(alignment: .leading, spacing: 0) {
+                    if !item.isComplete && item.isNew {
+                        Text("신작")
+                            .font(.custom(Font.preRegular.rawValue, size: 12))
+                            .foregroundColor(.white)
+                            .padding(.horizontal, 10)
+                            .padding(.vertical, 3)
+                            .background(
+                                LinearGradient(
+                                    gradient: Gradient(stops: [
+                                        .init(color: Color(hex: "0001B1"), location: 0.24),
+                                        .init(color: Color(hex: "3B5FF1"), location: 1.0)
+                                    ]),
+                                    startPoint: .top,
+                                    endPoint: .bottom
+                                )
+                            )
+                            .cornerRadius(16, corners: [.topLeft, .bottomRight])
+                    } else if item.isPopular {
+                        Text("인기")
+                            .font(.custom(Font.preRegular.rawValue, size: 12))
+                            .foregroundColor(.white)
+                            .padding(.horizontal, 10)
+                            .padding(.vertical, 3)
+                            .background(Color(hex: "EF5247"))
+                            .cornerRadius(16, corners: [.topLeft, .bottomRight])
+                    }
+                    
+                    Spacer()
+                    
+                    HStack {
+                        Spacer()
+                        
+                        if item.isComplete {
+                            Text("완결")
+                                .font(.custom(Font.preRegular.rawValue, size: 12))
+                                .foregroundColor(.white)
+                                .padding(.horizontal, 10)
+                                .padding(.vertical, 3)
+                                .background(Color.black.opacity(0.7))
+                                .cornerRadius(16, corners: [.topLeft, .bottomRight])
+                        } else {
+                            Text("총 \(item.numberOfContent)화")
+                                .font(.custom(Font.preRegular.rawValue, size: 12))
+                                .foregroundColor(.white)
+                                .padding(.horizontal, 10)
+                                .padding(.vertical, 3)
+                                .overlay {
+                                    RoundedRectangle(cornerRadius: 39)
+                                        .strokeBorder(lineWidth: 1)
+                                        .foregroundColor(.white)
+                                }
+                        }
+                    }
+                    .padding(.bottom, 8)
+                    .padding(.trailing, 8)
+                }
+            }
+            .frame(width: 168, height: 238, alignment: .center)
+            
+            Text(item.title)
+                .font(.custom(Font.preRegular.rawValue, size: 18))
+                .foregroundColor(Color(hex: "B0BEC5"))
+                .lineLimit(1)
+                .padding(.horizontal, 8)
+            
+            Text(item.creator.nickname)
+                .font(.custom(Font.preRegular.rawValue, size: 14))
+                .foregroundColor(Color(hex: "78909C"))
+                .lineLimit(1)
+                .padding(.horizontal, 8)
+        }
+        .frame(width: 168)
    }
 }

 #Preview {
-    SeriesItemView()
+    SeriesItemView(
+        item: SeriesListItem(
+            seriesId: 1,
+            title: "제목, 관심사,프로필+방장, 참여인원(어딘가..)",
+            coverImage: "https://test-cf.sodalive.net/profile/default-profile.png",
+            publishedDaysOfWeek: "매주 수, 토요일",
+            isComplete: false,
+            creator: SeriesListItemCreator(
+                creatorId: 1,
+                nickname: "creator",
+                profileImage: "https://test-cf.sodalive.net/profile/default-profile.png"
+            ),
+            numberOfContent: 10,
+            isNew: true,
+            isPopular: false
+        )
+    )
 }