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

feat(creator): 라이브 탭 화면을 추가한다

Browse Source
This commit is contained in:
Yu Sung
2026-07-04 01:06:38 +09:00
parent ce923ab2d7
commit 0b32a536c9
13 changed files with 473 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

221
SodaLive/Sources/V2/CreatorChannel/Live/Components/CreatorChannelLiveReplayListItem.swift Normal file
View File

@@ -0,0 +1,221 @@
import SwiftUI
struct CreatorChannelLiveReplayListItem: View {
let audioContent: CreatorChannelAudioContentResponse
let action: () -> Void
init(
audioContent: CreatorChannelAudioContentResponse,
action: @escaping () -> Void = {}
) {
self.audioContent = audioContent
self.action = action
}
var body: some View {
Button {
action()
} label: {
HStack(alignment: .center, spacing: SodaSpacing.s14) {
thumbnail
VStack(alignment: .leading, spacing: SodaSpacing.s6) {
Text(audioContent.title)
.appFont(size: 16, weight: .bold)
.foregroundColor(.white)
.lineLimit(2)
.truncationMode(.tail)
if let duration = audioContent.duration, !duration.isEmpty {
Text(duration)
.appFont(size: 14, weight: .medium)
.foregroundColor(Color.gray500)
.lineLimit(1)
}
}
.frame(maxWidth: .infinity, alignment: .leading)
trailingState
}
.padding(.horizontal, SodaSpacing.s20)
.padding(.vertical, SodaSpacing.s8)
.frame(maxWidth: .infinity, alignment: .leading)
}
.buttonStyle(.plain)
}
private var thumbnail: some View {
ZStack(alignment: .topLeading) {
DownsampledKFImage(
url: audioContent.imageUrl.flatMap(URL.init(string:)),
size: CGSize(width: 88, height: 88)
)
.background(Color.gray800)
VStack(alignment: .leading, spacing: 0) {
topTagList
Spacer(minLength: 0)
bottomTagList
}
}
.frame(width: 88, height: 88)
.clipShape(RoundedRectangle(cornerRadius: SodaSpacing.s14, style: .continuous))
}
@ViewBuilder
private var topTagList: some View {
HStack(spacing: 0) {
if audioContent.isOriginalSeries == true {
CreatorChannelAudioImageTag(imageName: "ic_content_tag_original")
}
if audioContent.isFirstContent {
CreatorChannelAudioFirstTag()
}
Spacer()
if audioContent.isAdult {
CreatorChannelAudioAdultTag()
.padding(.top, 6)
.padding(.trailing, 6)
}
}
}
@ViewBuilder
private var bottomTagList: some View {
HStack(spacing: 0) {
if audioContent.isPointAvailable {
CreatorChannelAudioImageTag(imageName: "ic_content_tag_point")
}
if audioContent.price == 0 {
CreatorChannelAudioFreeTag()
}
}
}
@ViewBuilder
private var trailingState: some View {
if audioContent.isOwned {
playbackState(I18n.Content.Status.owned)
} else if audioContent.isRented {
playbackState(I18n.Content.Status.rented)
} else if audioContent.price == 0 {
playbackState("")
} else {
HStack(spacing: 2) {
Image("ic_bar_cash")
.resizable()
.scaledToFit()
.frame(width: 18, height: 18)
Text(audioContent.price.comma())
.appFont(size: 14, weight: .regular)
.foregroundColor(.white)
.lineLimit(1)
}
}
}
private func playbackState(_ title: String) -> some View {
VStack(spacing: SodaSpacing.s4) {
ZStack {
Color.white
Image("ic_new_player_play")
.resizable()
.scaledToFit()
.frame(width: 16, height: 16)
}
.frame(width: 28, height: 28)
.clipShape(Circle())
if !title.trimmingCharacters(in: .whitespacesAndNewlines).isEmpty {
Text(title)
.appFont(size: 12, weight: .medium)
.foregroundColor(Color.gray400)
.lineLimit(1)
}
}
}
}
struct CreatorChannelLiveReplayListItem_Previews: PreviewProvider {
static var previews: some View {
VStack(spacing: SodaSpacing.s8) {
CreatorChannelLiveReplayListItem(
audioContent: CreatorChannelAudioContentResponse(
audioContentId: 1,
title: "라이브 다시듣기 제목이 두 줄까지 표시됩니다",
duration: "1:43:25",
imageUrl: "https://picsum.photos/300/300",
price: 10,
isAdult: true,
isPointAvailable: true,
isFirstContent: true,
seriesName: nil,
isOriginalSeries: true,
isOwned: true,
isRented: false
)
)
CreatorChannelLiveReplayListItem(
audioContent: CreatorChannelAudioContentResponse(
audioContentId: 1,
title: "라이브 다시듣기 제목이 두 줄까지 표시됩니다",
duration: "1:43:25",
imageUrl: "https://picsum.photos/300/300",
price: 10,
isAdult: true,
isPointAvailable: true,
isFirstContent: true,
seriesName: nil,
isOriginalSeries: true,
isOwned: false,
isRented: true
)
)
CreatorChannelLiveReplayListItem(
audioContent: CreatorChannelAudioContentResponse(
audioContentId: 1,
title: "라이브 다시듣기 제목이 두 줄까지 표시됩니다",
duration: "1:43:25",
imageUrl: "https://picsum.photos/300/300",
price: 3000,
isAdult: true,
isPointAvailable: true,
isFirstContent: true,
seriesName: nil,
isOriginalSeries: true,
isOwned: false,
isRented: false
)
)
CreatorChannelLiveReplayListItem(
audioContent: CreatorChannelAudioContentResponse(
audioContentId: 1,
title: "라이브 다시듣기 제목이 두 줄까지 표시됩니다",
duration: "1:43:25",
imageUrl: "https://picsum.photos/300/300",
price: 0,
isAdult: true,
isPointAvailable: true,
isFirstContent: true,
seriesName: nil,
isOriginalSeries: true,
isOwned: false,
isRented: false
)
)
}
.background(Color.black)
.previewLayout(.sizeThatFits)
}
}

35
SodaLive/Sources/V2/CreatorChannel/Live/Components/CreatorChannelLiveStartButton.swift Normal file
View File

@@ -0,0 +1,35 @@
import SwiftUI
struct CreatorChannelLiveStartButton: View {
let action: () -> Void
var body: some View {
Button(action: action) {
HStack(spacing: SodaSpacing.s6) {
Image("ic_new_create_live")
.resizable()
.scaledToFit()
.frame(width: 24, height: 24)
Text(I18n.CreatorChannelLive.startLive)
.appFont(size: 16, weight: .bold)
.foregroundColor(.white)
.lineLimit(1)
}
.frame(maxWidth: .infinity)
.frame(height: 56)
.background(Color.soda400)
.clipShape(Capsule())
}
.buttonStyle(.plain)
}
}
struct CreatorChannelLiveStartButton_Previews: PreviewProvider {
static var previews: some View {
CreatorChannelLiveStartButton(action: {})
.padding(SodaSpacing.s20)
.background(Color.black)
.previewLayout(.sizeThatFits)
}
}