feat(creator): 오디오 탭을 추가한다

2026-07-04 16:40:35 +09:00
parent 6600cd43c1
commit c4c18341a6
12 changed files with 955 additions and 77 deletions
--- a/SodaLive/Sources/V2/CreatorChannel/Audio/Components/CreatorChannelAudioOwnershipRateView.swift
+++ b/SodaLive/Sources/V2/CreatorChannel/Audio/Components/CreatorChannelAudioOwnershipRateView.swift
@@ -0,0 +1,76 @@
+import Foundation
+import SwiftUI
+
+struct CreatorChannelAudioOwnershipRateView: View {
+    let purchasedAudioContentRate: Double
+    let purchasedAudioContentCount: Int
+    let paidAudioContentCount: Int
+
+    private var progress: CGFloat {
+        CGFloat(max(0, min(purchasedAudioContentRate / 100, 1)))
+    }
+
+    private var rateText: String {
+        let rounded = purchasedAudioContentRate.rounded()
+        if rounded == purchasedAudioContentRate {
+            return "\(Int(rounded))%"
+        }
+        return String(format: "%.1f%%", purchasedAudioContentRate)
+    }
+
+    var body: some View {
+        VStack(alignment: .leading, spacing: SodaSpacing.s14) {
+            HStack(alignment: .center, spacing: SodaSpacing.s4) {
+                (
+                    Text(I18n.CreatorChannelAudio.ownershipPrefix)
+                        .foregroundColor(.white)
+                    + Text(rateText)
+                        .foregroundColor(Color.soda400)
+                    + Text(I18n.CreatorChannelAudio.ownershipSuffix)
+                        .foregroundColor(.white)
+                )
+                .appFont(size: 14, weight: .medium)
+                .lineLimit(1)
+
+                Spacer(minLength: SodaSpacing.s8)
+
+                (
+                    Text(purchasedAudioContentCount.comma())
+                        .foregroundColor(.white)
+                    + Text("/\(paidAudioContentCount.comma())\(I18n.CreatorChannelAudio.countUnit)")
+                        .foregroundColor(Color.gray500)
+                )
+                .appFont(size: 14, weight: .medium)
+                .lineLimit(1)
+            }
+
+            GeometryReader { proxy in
+                ZStack(alignment: .leading) {
+                    Capsule()
+                        .fill(Color.gray800)
+
+                    Capsule()
+                        .fill(Color.soda400)
+                        .frame(width: proxy.size.width * progress)
+                }
+            }
+            .frame(height: 4)
+        }
+        .padding(SodaSpacing.s14)
+        .background(Color.gray900)
+        .clipShape(RoundedRectangle(cornerRadius: SodaSpacing.s14, style: .continuous))
+        .padding(.horizontal, SodaSpacing.s14)
+    }
+}
+
+struct CreatorChannelAudioOwnershipRateView_Previews: PreviewProvider {
+    static var previews: some View {
+        CreatorChannelAudioOwnershipRateView(
+            purchasedAudioContentRate: 58,
+            purchasedAudioContentCount: 12,
+            paidAudioContentCount: 43
+        )
+        .background(Color.black)
+        .previewLayout(.sizeThatFits)
+    }
+}