klaus/sodalive-ios
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: 메인 홈

Browse Source 
- 요일별 시리즈, 오디션 추가
This commit is contained in:
Yu Sung
2025-07-12 01:20:02 +09:00
parent 5a9b95c2bf
commit 6a9854bdd7
6 changed files with 459 additions and 50 deletions
Download Patch File Download Diff File Expand all files Collapse all files

172
SodaLive/Sources/Content/Series/DayOfWeekSeriesView.swift Normal file
View File

@@ -0,0 +1,172 @@
//
// DayOfWeekSeriesView.swift
// SodaLive
//
// Created by klaus on 7/11/25.
//
import SwiftUI
struct DayOfWeek {
let dayOfWeekStr: String
let dayOfWeek: SeriesPublishedDaysOfWeek
}
struct DayOfWeekSeriesView: View {
let seriesList: [SeriesListItem]
let onTapDayOfWeek: (SeriesPublishedDaysOfWeek) -> Void
@State private var dayOfWeek: SeriesPublishedDaysOfWeek = .FRI
private let dayOfWeekItems: [DayOfWeek] = [
DayOfWeek(dayOfWeekStr: "월", dayOfWeek: .MON),
DayOfWeek(dayOfWeekStr: "화", dayOfWeek: .TUE),
DayOfWeek(dayOfWeekStr: "수", dayOfWeek: .WED),
DayOfWeek(dayOfWeekStr: "목", dayOfWeek: .THU),
DayOfWeek(dayOfWeekStr: "금", dayOfWeek: .FRI),
DayOfWeek(dayOfWeekStr: "토", dayOfWeek: .SAT),
DayOfWeek(dayOfWeekStr: "일", dayOfWeek: .SUN),
DayOfWeek(dayOfWeekStr: "랜덤", dayOfWeek: .RANDOM),
]
// 요일 숫자에 맞춰 배열
private let dayOfWeeks: [SeriesPublishedDaysOfWeek] = [
.RANDOM,
.SUN,
.MON,
.TUE,
.WED,
.THU,
.FRI,
.SAT
]
var body: some View {
VStack(alignment: .leading, 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)
}
.padding(.horizontal, 24)
ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 5) {
ForEach(0..<dayOfWeekItems.count, id: \.self) {
let item = dayOfWeekItems[$0]
DayOfWeekDayView(dayOfWeek: item.dayOfWeekStr, isSelected: dayOfWeek == item.dayOfWeek)
.onTapGesture {
if dayOfWeek != item.dayOfWeek {
dayOfWeek = item.dayOfWeek
onTapDayOfWeek(item.dayOfWeek)
}
}
}
}
.padding(.horizontal, 24)
}
ScrollView(.horizontal, showsIndicators: false) {
HStack(spacing: 16) {
ForEach(0..<seriesList.count, id: \.self) {
SeriesItemView(item: seriesList[$0])
}
}
.padding(.horizontal, 24)
}
}
.onAppear {
dayOfWeek = dayOfWeeks[Calendar.current.component(.weekday, from: Date())]
}
}
}
struct DayOfWeekDayView: View {
let dayOfWeek: String
let isSelected: Bool
var body: some View {
Text(dayOfWeek)
.font(
.custom(
isSelected ? Font.preBold.rawValue : Font.preRegular.rawValue,
size: 18
)
)
.foregroundColor(.white)
.padding(.vertical, 8)
.padding(.horizontal, 11)
.background(Color(hex: "263238").cornerRadius(16))
.overlay {
RoundedRectangle(cornerRadius: 16)
.strokeBorder(
LinearGradient(
stops: [
.init(color: Color.main, location: 0.24),
.init(color: Color(hex: "6D5ED7"), location: 1.0)
],
startPoint: .top,
endPoint: .bottom
),
lineWidth: isSelected ? 4 : 0
)
}
}
}
#Preview {
DayOfWeekSeriesView(
seriesList: [
SeriesListItem(
seriesId: 1,
title: "제목, 관심사,프로필+방장, 참여인원(어딘가..)",
coverImage: "https://test-cf.sodalive.net/profile/default-profile.png",
publishedDaysOfWeek: "매주 수, 토요일",
isComplete: true,
creator: SeriesListItemCreator(
creatorId: 1,
nickname: "creator",
profileImage: "https://test-cf.sodalive.net/profile/default-profile.png"
),
numberOfContent: 10,
isNew: true,
isPopular: true
),
SeriesListItem(
seriesId: 2,
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: false,
isPopular: true
),
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
)
]
) { _ in }
}

117
SodaLive/Sources/Content/Series/SeriesItemView.swift
View File

@@ -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
)
)
}