138 lines
5.1 KiB
Swift
138 lines
5.1 KiB
Swift
import SwiftUI
|
|
|
|
struct CreatorChannelCommunitySection: View {
|
|
let communities: [CreatorChannelCommunityPostResponse]
|
|
let isOwnCreatorChannel: Bool
|
|
let onSelectTab: (CreatorChannelTab) -> Void
|
|
let onTapLike: (Int) -> Void
|
|
let onTapMore: (CreatorChannelCommunityPostItem) -> Void
|
|
let onTapDetail: (Int) -> Void
|
|
|
|
private let homeVisibleCount = 3
|
|
|
|
init(
|
|
communities: [CreatorChannelCommunityPostResponse],
|
|
isOwnCreatorChannel: Bool,
|
|
onSelectTab: @escaping (CreatorChannelTab) -> Void,
|
|
onTapLike: @escaping (Int) -> Void = { _ in },
|
|
onTapMore: @escaping (CreatorChannelCommunityPostItem) -> Void = { _ in },
|
|
onTapDetail: @escaping (Int) -> Void = { _ in }
|
|
) {
|
|
self.communities = communities
|
|
self.isOwnCreatorChannel = isOwnCreatorChannel
|
|
self.onSelectTab = onSelectTab
|
|
self.onTapLike = onTapLike
|
|
self.onTapMore = onTapMore
|
|
self.onTapDetail = onTapDetail
|
|
}
|
|
|
|
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
|
|
let post = community.communityPostItem
|
|
let isOwnPost = post.creatorId == UserDefaults.int(forKey: .userId)
|
|
|
|
CreatorChannelCommunityListItem(
|
|
post: post,
|
|
isOwnPost: isOwnPost,
|
|
isOwnCreatorChannel: isOwnCreatorChannel,
|
|
onTapLike: {
|
|
onTapLike(post.postId)
|
|
},
|
|
onTapMore: {
|
|
onTapMore(post)
|
|
},
|
|
onTapDetail: {
|
|
onTapDetail(post.postId)
|
|
}
|
|
)
|
|
}
|
|
}
|
|
.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)
|
|
.contentShape(Rectangle())
|
|
.padding(.horizontal, SodaSpacing.s14)
|
|
}
|
|
.padding(.top, SodaSpacing.s20)
|
|
}
|
|
}
|
|
|
|
private var visibleCommunities: [CreatorChannelCommunityPostResponse] {
|
|
Array(communities.prefix(homeVisibleCount))
|
|
}
|
|
}
|
|
|
|
private extension CreatorChannelCommunityPostResponse {
|
|
var communityPostItem: CreatorChannelCommunityPostItem {
|
|
CreatorChannelCommunityPostItem(
|
|
postId: postId,
|
|
creatorId: creatorId,
|
|
creatorNickname: creatorNickname,
|
|
creatorProfileUrl: creatorProfileUrl,
|
|
createdAtUtc: dateUtc,
|
|
content: content,
|
|
imageUrl: imageUrl,
|
|
audioUrl: audioUrl,
|
|
price: price,
|
|
isCommentAvailable: isCommentAvailable,
|
|
likeCount: likeCount,
|
|
commentCount: commentCount,
|
|
isPinned: isPinned,
|
|
existOrdered: existOrdered,
|
|
isLiked: isLiked
|
|
)
|
|
}
|
|
}
|
|
|
|
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,
|
|
isCommentAvailable: index != 3,
|
|
isPinned: index == 1
|
|
)
|
|
},
|
|
isOwnCreatorChannel: true,
|
|
onSelectTab: { _ in },
|
|
onTapMore: { _ in },
|
|
onTapDetail: { _ in }
|
|
)
|
|
.background(Color.black)
|
|
.previewLayout(.sizeThatFits)
|
|
}
|
|
}
|