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

feat(home): 장르 크리에이터 섹션을 연결한다

Browse Source
This commit is contained in:
Yu Sung
2026-06-29 20:47:46 +09:00
parent 561e991050
commit 2727cdc7cb
8 changed files with 225 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
SodaLive/Sources/V2/Component/Button/FollowAllButton.swift
View File

@@ -24,19 +24,31 @@ struct FollowAllButton: View {
HStack(spacing: SodaSpacing.s6) {
if isCompleted {
Image("ic_new_following")
.resizable()
.renderingMode(.template)
.foregroundColor(.black)
.frame(width: 20, height: 20)
} else {
Image("ic_new_follow")
.resizable()
.renderingMode(.template)
.foregroundColor(.white)
.frame(width: 16, height: 16)
.frame(width: 20, height: 20)
}
Text(isCompleted ? I18n.HomeRecommendation.followAllCompleted : I18n.HomeRecommendation.followAll)
.appFont(.body5)
.foregroundColor(.white)
.foregroundColor(isCompleted ? .black : .white)
}
.padding(SodaSpacing.s12)
.frame(maxWidth: .infinity)
.background(isCompleted ? Color.white : Color.clear)
.overlay {
if !isCompleted {
Capsule()
.stroke(Color.white.opacity(0.3), lineWidth: 1)
}
}
.padding(.horizontal, SodaSpacing.s16)
.frame(height: 36)
.background(isCompleted ? Color.gray700 : Color.button)
.clipShape(Capsule())
.opacity(isLoading ? 0.6 : 1)
}

10
SodaLive/Sources/V2/Component/Creator/CreatorProfileItem.swift
View File

@@ -4,17 +4,23 @@ struct CreatorProfileItem: View {
let imageUrl: String?
let name: String
let subtitle: String?
let imageSize: CGSize
let spacing: CGFloat
let action: (() -> Void)?
init(
imageUrl: String?,
name: String,
subtitle: String? = nil,
imageSize: CGSize = CGSize(width: 72, height: 72),
spacing: CGFloat = SodaSpacing.s8,
action: (() -> Void)? = nil
) {
self.imageUrl = imageUrl
self.name = name
self.subtitle = subtitle
self.imageSize = imageSize
self.spacing = spacing
self.action = action
}
@@ -22,7 +28,7 @@ struct CreatorProfileItem: View {
Button {
action?()
} label: {
VStack(alignment: .center, spacing: SodaSpacing.s8) {
VStack(alignment: .center, spacing: spacing) {
profileImage
VStack(alignment: .center, spacing: 2) {
@@ -48,7 +54,7 @@ struct CreatorProfileItem: View {
}
private var profileImage: some View {
DownsampledKFImage(url: URL(string: imageUrl ?? ""), size: CGSize(width: 72, height: 72))
DownsampledKFImage(url: URL(string: imageUrl ?? ""), size: imageSize)
.background(Color.gray800)
.clipShape(Circle())
}

7
SodaLive/Sources/V2/Main/Home/MainHomeView.swift
View File

@@ -10,6 +10,7 @@ struct MainHomeView: View {
let onTapCharacter: (Int) -> Void
let onTapCommunity: (Int) -> Void
let onTapBanner: (RecommendationBannerResponse) -> Void
let onTapFollowAll: (@escaping () -> Void) -> Void
@State private var selectedTab: MainHomeTab = .recommendation
@@ -50,7 +51,8 @@ struct MainHomeView: View {
onTapContent: onTapContent,
onTapCharacter: onTapCharacter,
onTapCommunity: onTapCommunity,
onTapBanner: onTapBanner
onTapBanner: onTapBanner,
onTapFollowAll: onTapFollowAll
)
case .ranking:
MainHomeRankingView()
@@ -88,7 +90,8 @@ struct MainHomeView_Previews: PreviewProvider {
onTapContent: { _ in },
onTapCharacter: { _ in },
onTapCommunity: { _ in },
onTapBanner: { _ in }
onTapBanner: { _ in },
onTapFollowAll: { action in action() }
)
}
}

147
SodaLive/Sources/V2/Main/Home/Recommendation/Components/MainHomeGenreCreatorSection.swift Normal file
View File

@@ -0,0 +1,147 @@
import SwiftUI
struct MainHomeGenreCreatorSection: View {
let items: [HomeGenreCreatorGroupItem]
let isFollowAllCompleted: (String) -> Bool
let isFollowAllLoading: (String) -> Bool
let onTapCreator: (Int) -> Void
let onTapFollowAll: ([Int], String) -> Void
init(
items: [HomeGenreCreatorGroupItem],
isFollowAllCompleted: @escaping (String) -> Bool = { _ in false },
isFollowAllLoading: @escaping (String) -> Bool = { _ in false },
onTapCreator: @escaping (Int) -> Void = { _ in },
onTapFollowAll: @escaping ([Int], String) -> Void = { _, _ in }
) {
self.items = items
self.isFollowAllCompleted = isFollowAllCompleted
self.isFollowAllLoading = isFollowAllLoading
self.onTapCreator = onTapCreator
self.onTapFollowAll = onTapFollowAll
}
var body: some View {
if !items.isEmpty {
ScrollView(.horizontal, showsIndicators: false) {
LazyHStack(alignment: .top, spacing: SodaSpacing.s4) {
ForEach(Array(items.enumerated()), id: \.offset) { index, item in
let followKey = "genre-\(index)-\(item.genreName)"
MainHomeCreatorGroupSection(
title: item.genreName,
creators: item.creators,
isFollowAllCompleted: isFollowAllCompleted(followKey),
isFollowAllLoading: isFollowAllLoading(followKey),
onTapCreator: onTapCreator,
onTapFollowAll: {
onTapFollowAll(item.creators.map(\.creatorId), followKey)
}
)
}
}
.padding(.leading, SodaSpacing.s14)
.padding(.trailing, SodaSpacing.s20)
}
}
}
}
struct MainHomeCreatorGroupSection: View {
let title: String
let creators: [HomeCreatorItem]
let isFollowAllCompleted: Bool
let isFollowAllLoading: Bool
let onTapCreator: (Int) -> Void
let onTapFollowAll: () -> Void
init(
title: String,
creators: [HomeCreatorItem],
isFollowAllCompleted: Bool = false,
isFollowAllLoading: Bool = false,
onTapCreator: @escaping (Int) -> Void = { _ in },
onTapFollowAll: @escaping () -> Void = {}
) {
self.title = title
self.creators = creators
self.isFollowAllCompleted = isFollowAllCompleted
self.isFollowAllLoading = isFollowAllLoading
self.onTapCreator = onTapCreator
self.onTapFollowAll = onTapFollowAll
}
var body: some View {
VStack(alignment: .leading, spacing: SodaSpacing.s14) {
Text(title)
.appFont(.heading3)
.foregroundColor(.white)
.lineLimit(1)
.truncationMode(.tail)
LazyVGrid(columns: columns, alignment: .center, spacing: SodaSpacing.s14) {
ForEach(creators.prefix(8), id: \.self) { creator in
CreatorProfileItem(
imageUrl: creator.creatorProfileImage,
name: creator.creatorNickname,
imageSize: CGSize(width: 75, height: 75),
spacing: SodaSpacing.s6
) {
onTapCreator(creator.creatorId)
}
.frame(width: 75)
}
}
FollowAllButton(
isCompleted: isFollowAllCompleted,
isLoading: isFollowAllLoading,
action: onTapFollowAll
)
}
.padding(SodaSpacing.s14)
.frame(width: 374)
.background(cardBackground)
.clipShape(RoundedRectangle(cornerRadius: SodaSpacing.s14, style: .continuous))
}
private var columns: [GridItem] {
Array(repeating: GridItem(.fixed(75), spacing: SodaSpacing.s14), count: 4)
}
private var cardBackground: some View {
LinearGradient(
stops: [
.init(color: Color.gray900, location: 0),
.init(color: Color.gray900, location: 0.29327),
.init(color: Color.soda700, location: 1)
],
startPoint: .top,
endPoint: .bottom
)
}
}
struct MainHomeGenreCreatorSection_Previews: PreviewProvider {
private static let previewImageUrl = "https://picsum.photos/200/200"
static var previews: some View {
MainHomeGenreCreatorSection(
items: [
HomeGenreCreatorGroupItem(
genreName: I18n.HomeRecommendation.genreCreatorSectionTitle,
creators: (1...8).map {
HomeCreatorItem(
creatorId: $0,
creatorNickname: "크리에이터이름",
creatorProfileImage: previewImageUrl
)
}
)
]
)
.padding(.vertical, SodaSpacing.s20)
.background(Color.black)
.previewLayout(.sizeThatFits)
}
}

16
SodaLive/Sources/V2/Main/Home/Recommendation/MainHomeRecommendationView.swift
View File

@@ -7,6 +7,7 @@ struct MainHomeRecommendationView: View {
let onTapCharacter: (Int) -> Void
let onTapCommunity: (Int) -> Void
let onTapBanner: (RecommendationBannerResponse) -> Void
let onTapFollowAll: (@escaping () -> Void) -> Void
@StateObject private var viewModel = MainHomeRecommendationViewModel()
@@ -47,6 +48,18 @@ struct MainHomeRecommendationView: View {
items: viewModel.recommendations?.aiCharacters ?? [],
onTapCharacter: onTapCharacter
)
MainHomeGenreCreatorSection(
items: viewModel.recommendations?.genreCreators ?? [],
isFollowAllCompleted: viewModel.isFollowAllCompleted,
isFollowAllLoading: viewModel.isFollowAllLoading,
onTapCreator: onTapCreator,
onTapFollowAll: { creatorIds, completionKey in
onTapFollowAll {
viewModel.followAll(creatorIds: creatorIds, completionKey: completionKey)
}
}
)
}
.padding(.vertical, SodaSpacing.s20)
}
@@ -73,7 +86,8 @@ struct MainHomeRecommendationView_Previews: PreviewProvider {
onTapContent: { _ in },
onTapCharacter: { _ in },
onTapCommunity: { _ in },
onTapBanner: { _ in }
onTapBanner: { _ in },
onTapFollowAll: { action in action() }
)
}
}

7
SodaLive/Sources/V2/Main/MainView.swift
View File

@@ -162,7 +162,8 @@ struct MainView: View {
onTapContent: handleRecommendationContentTap,
onTapCharacter: handleRecommendationCharacterTap,
onTapCommunity: handleRecommendationCommunityTap,
onTapBanner: handleRecommendationBannerTap
onTapBanner: handleRecommendationBannerTap,
onTapFollowAll: handleRecommendationFollowAllTap
)
case .content:
MainPlaceholderTabView(title: MainTab.content.title)
@@ -479,6 +480,10 @@ struct MainView: View {
}
}
private func handleRecommendationFollowAllTap(action: @escaping () -> Void) {
performRecommendationDetailAction(action: action)
}
private func handleRecommendationBannerTap(_ item: RecommendationBannerResponse) {
if let eventItem = item.eventItem {