콘텐츠 상세

- 한정판 UI 추가
2024-03-27 01:38:27 +09:00
parent 7b24b50582
commit 5c15e7d52f
4 changed files with 104 additions and 10 deletions
--- a/SodaLive/Sources/Content/Detail/ContentDetailInfoLimitedEditionView.swift
+++ b/SodaLive/Sources/Content/Detail/ContentDetailInfoLimitedEditionView.swift
@@ -0,0 +1,65 @@
+//
+//  ContentDetailInfoLimitedEditionView.swift
+//  SodaLive
+//
+//  Created by klaus on 3/27/24.
+//
+
+import SwiftUI
+
+struct ContentDetailInfoLimitedEditionView: View {
+    
+    let totalContentCount: Int
+    let remainingContentCount: Int
+    let orderSequence: Int?
+    
+    var body: some View {
+        HStack(spacing: 0) {
+            Text("한정판")
+                .font(.custom(Font.medium.rawValue, size: 13.3))
+                .foregroundColor(Color.button)
+            
+            Spacer()
+            
+            if let orderSequence = orderSequence {
+                Text("\(orderSequence)")
+                    .font(.custom(Font.bold.rawValue, size: 13.3))
+                    .foregroundColor(Color.button)
+                    .padding(.leading, 5.3)
+                
+                Text("/")
+                    .font(.custom(Font.bold.rawValue, size: 13.3))
+                    .foregroundColor(Color.grayd2)
+                    .padding(.leading, 2.3)
+                
+                Text("\(totalContentCount)")
+                    .font(.custom(Font.medium.rawValue, size: 13.3))
+                    .foregroundColor(Color.grayd2)
+                    .padding(.leading, 2.3)
+            } else {
+                Text("잔여수량")
+                    .font(.custom(Font.medium.rawValue, size: 13.3))
+                    .foregroundColor(Color.grayd2)
+                
+                Text("\(remainingContentCount)")
+                    .font(.custom(Font.bold.rawValue, size: 13.3))
+                    .foregroundColor(Color.button)
+                    .padding(.leading, 5.3)
+            }
+            
+        }
+        .padding(.vertical, 8)
+        .padding(.horizontal, 10.3)
+        .background(Color(hex: "14262d"))
+        .cornerRadius(5.3)
+        .padding(.top, 13.3)
+    }
+}
+
+#Preview {
+    ContentDetailInfoLimitedEditionView(
+        totalContentCount: 10,
+        remainingContentCount: 3,
+        orderSequence: 5
+    )
+}