106 lines
3.8 KiB
Swift
106 lines
3.8 KiB
Swift
import SwiftUI
|
|
|
|
struct MainHomeRankingRow: View {
|
|
let item: MainHomeCreatorRankingItem
|
|
let showRankChange: Bool
|
|
let onTapCreator: (Int) -> Void
|
|
|
|
init(
|
|
item: MainHomeCreatorRankingItem,
|
|
showRankChange: Bool,
|
|
onTapCreator: @escaping (Int) -> Void = { _ in }
|
|
) {
|
|
self.item = item
|
|
self.showRankChange = showRankChange
|
|
self.onTapCreator = onTapCreator
|
|
}
|
|
|
|
var body: some View {
|
|
Button {
|
|
onTapCreator(item.creatorId)
|
|
} label: {
|
|
GeometryReader { proxy in
|
|
let rowHeight = proxy.size.height
|
|
let imageSide = rowHeight * 0.8
|
|
|
|
HStack(alignment: .center, spacing: SodaSpacing.s14) {
|
|
rankColumn
|
|
|
|
DownsampledKFImage(
|
|
url: URL(string: item.profileImageUrl ?? ""),
|
|
size: CGSize(width: imageSide, height: imageSide)
|
|
)
|
|
.background(Color.gray800)
|
|
.aspectRatio(1, contentMode: .fit)
|
|
.clipShape(RoundedRectangle(cornerRadius: SodaSpacing.s14, style: .continuous))
|
|
|
|
Text(item.nickname)
|
|
.appFont(.heading4)
|
|
.foregroundColor(.white)
|
|
.lineLimit(1)
|
|
.truncationMode(.tail)
|
|
.frame(maxWidth: .infinity, alignment: .leading)
|
|
}
|
|
.padding(.horizontal, SodaSpacing.s14)
|
|
.padding(.vertical, rowHeight * 0.1)
|
|
}
|
|
.aspectRatio(3.74, contentMode: .fit)
|
|
.background(Color.black)
|
|
}
|
|
.buttonStyle(.plain)
|
|
}
|
|
|
|
private var rankColumn: some View {
|
|
VStack(alignment: .center, spacing: 0) {
|
|
Text("\(item.rank)")
|
|
.appFont(size: 40, family: .pattaya)
|
|
.foregroundStyle(
|
|
LinearGradient(
|
|
colors: [.white, Color.gray200],
|
|
startPoint: .top,
|
|
endPoint: .bottom
|
|
)
|
|
)
|
|
.shadow(color: Color.black.opacity(0.48), radius: 2)
|
|
.lineLimit(1)
|
|
.frame(maxWidth: .infinity, alignment: .center)
|
|
|
|
MainHomeRankChangeBadge(
|
|
showRankChange: showRankChange,
|
|
rankChange: item.rankChange,
|
|
isNew: item.isNew
|
|
)
|
|
.frame(maxWidth: .infinity, alignment: .center)
|
|
}
|
|
.frame(width: 49, alignment: .center)
|
|
}
|
|
}
|
|
|
|
struct MainHomeRankingRow_Previews: PreviewProvider {
|
|
private static let previewImageUrl = "https://picsum.photos/500/500"
|
|
|
|
static var previews: some View {
|
|
VStack(spacing: SodaSpacing.s8) {
|
|
MainHomeRankingRow(item: previewItem(rank: 11, rankChange: 5, isNew: false), showRankChange: true)
|
|
MainHomeRankingRow(item: previewItem(rank: 12, rankChange: -3, isNew: false), showRankChange: true)
|
|
MainHomeRankingRow(item: previewItem(rank: 13, rankChange: 0, isNew: false), showRankChange: true)
|
|
MainHomeRankingRow(item: previewItem(rank: 14, rankChange: nil, isNew: true), showRankChange: true)
|
|
MainHomeRankingRow(item: previewItem(rank: 15, rankChange: 2, isNew: false), showRankChange: false)
|
|
}
|
|
.padding(SodaSpacing.s20)
|
|
.background(Color.black)
|
|
.previewLayout(.sizeThatFits)
|
|
}
|
|
|
|
private static func previewItem(rank: Int, rankChange: Int?, isNew: Bool) -> MainHomeCreatorRankingItem {
|
|
MainHomeCreatorRankingItem(
|
|
rank: rank,
|
|
rankChange: rankChange,
|
|
isNew: isNew,
|
|
creatorId: rank,
|
|
nickname: "크리에이터이름",
|
|
profileImageUrl: previewImageUrl
|
|
)
|
|
}
|
|
}
|