feat(creator): 커뮤니티 섹션을 연결한다
This commit is contained in:
@@ -0,0 +1,118 @@
|
||||
import SwiftUI
|
||||
|
||||
struct CreatorChannelCommunitySection: View {
|
||||
let communities: [CreatorChannelCommunityPostResponse]
|
||||
let onSelectTab: (CreatorChannelTab) -> Void
|
||||
let onTapLike: (Int) -> Void
|
||||
let onTapComment: (Int) -> Void
|
||||
let onTapPurchase: (CreatorChannelCommunityPostResponse) -> Void
|
||||
|
||||
private let homeVisibleCount = 3
|
||||
|
||||
init(
|
||||
communities: [CreatorChannelCommunityPostResponse],
|
||||
onSelectTab: @escaping (CreatorChannelTab) -> Void,
|
||||
onTapLike: @escaping (Int) -> Void = { _ in },
|
||||
onTapComment: @escaping (Int) -> Void = { _ in },
|
||||
onTapPurchase: @escaping (CreatorChannelCommunityPostResponse) -> Void = { _ in }
|
||||
) {
|
||||
self.communities = communities
|
||||
self.onSelectTab = onSelectTab
|
||||
self.onTapLike = onTapLike
|
||||
self.onTapComment = onTapComment
|
||||
self.onTapPurchase = onTapPurchase
|
||||
}
|
||||
|
||||
var body: some View {
|
||||
if communities.isEmpty == false {
|
||||
VStack(alignment: .leading, spacing: SodaSpacing.s14) {
|
||||
SectionTitle(title: I18n.CreatorChannelHome.community)
|
||||
|
||||
VStack(alignment: .leading, spacing: SodaSpacing.s8) {
|
||||
ForEach(visibleCommunities) { community in
|
||||
CommunityPostCard(
|
||||
postId: community.postId,
|
||||
creatorNickname: community.creatorNickname,
|
||||
creatorProfileImageUrl: community.creatorProfileUrl,
|
||||
content: community.content,
|
||||
imageUrl: community.imageUrl,
|
||||
audioUrl: community.audioUrl,
|
||||
price: community.price,
|
||||
existOrdered: community.existOrdered,
|
||||
createdAt: community.relativeTimeText(),
|
||||
isLike: community.isLiked,
|
||||
likeCount: community.likeCount,
|
||||
commentCount: community.commentCount,
|
||||
onTapLike: {
|
||||
onTapLike(community.postId)
|
||||
},
|
||||
onTapComment: {
|
||||
onTapComment(community.postId)
|
||||
},
|
||||
onTapPurchase: {
|
||||
onTapPurchase(community)
|
||||
}
|
||||
)
|
||||
}
|
||||
}
|
||||
.padding(.horizontal, SodaSpacing.s14)
|
||||
|
||||
Button {
|
||||
onSelectTab(.community)
|
||||
} label: {
|
||||
Text(I18n.CreatorChannelHome.viewAll)
|
||||
.appFont(size: 16, weight: .medium)
|
||||
.foregroundColor(.white)
|
||||
.frame(maxWidth: .infinity)
|
||||
.frame(height: 44)
|
||||
.overlay(
|
||||
Capsule()
|
||||
.stroke(Color.white.opacity(0.3), lineWidth: 1)
|
||||
)
|
||||
}
|
||||
.buttonStyle(.plain)
|
||||
.padding(.horizontal, SodaSpacing.s14)
|
||||
}
|
||||
.padding(.top, SodaSpacing.s20)
|
||||
}
|
||||
}
|
||||
|
||||
private var visibleCommunities: [CreatorChannelCommunityPostResponse] {
|
||||
Array(communities.prefix(homeVisibleCount))
|
||||
}
|
||||
}
|
||||
|
||||
private extension CreatorChannelCommunityPostResponse {
|
||||
func relativeTimeText(now: Date = Date()) -> String {
|
||||
DateParser.relativeTimeText(fromUTC: dateUtc, fallback: dateUtc, now: now)
|
||||
}
|
||||
}
|
||||
|
||||
struct CreatorChannelCommunitySection_Previews: PreviewProvider {
|
||||
private static let previewImageUrl = "https://picsum.photos/500/500"
|
||||
|
||||
static var previews: some View {
|
||||
CreatorChannelCommunitySection(
|
||||
communities: (1...3).map { index in
|
||||
CreatorChannelCommunityPostResponse(
|
||||
postId: index,
|
||||
creatorId: 10,
|
||||
creatorNickname: "크리에이터 이름",
|
||||
creatorProfileUrl: previewImageUrl,
|
||||
imageUrl: index == 1 ? nil : previewImageUrl,
|
||||
audioUrl: nil,
|
||||
content: "크리에이터가 커뮤니티에 올린 글이 보이는 부분 크리에이터가 커뮤니티에 올린 글이 보이는 부분",
|
||||
price: index == 2 ? 30 : 0,
|
||||
dateUtc: "2026-07-03T03:44:00Z",
|
||||
existOrdered: false,
|
||||
likeCount: 5,
|
||||
commentCount: 6,
|
||||
isLiked: false
|
||||
)
|
||||
},
|
||||
onSelectTab: { _ in }
|
||||
)
|
||||
.background(Color.black)
|
||||
.previewLayout(.sizeThatFits)
|
||||
}
|
||||
}
|
||||
@@ -63,6 +63,11 @@ struct CreatorChannelHomeView: View {
|
||||
onSelectTab: onSelectTab,
|
||||
onTapSeries: onTapSeries
|
||||
)
|
||||
|
||||
CreatorChannelCommunitySection(
|
||||
communities: response.communities,
|
||||
onSelectTab: onSelectTab
|
||||
)
|
||||
}
|
||||
.frame(maxWidth: .infinity, alignment: .leading)
|
||||
.background(Color.black)
|
||||
|
||||
Reference in New Issue
Block a user