🔀 상품 상세 페이지 UI 버그 수정 (#132)

* 🐛 Fix price text line breaks of Linegraph Panel. * 🐛 Fix price text line breaks in productinfoView * 🎨 Activate swiftformat * ⚡️ Update productInfo Price UI * 🎨 Activate swiftformat * 🔥 Remove price strikethrough
PyeonHaeng · Mar 26, 2024 · a8f2d6d · a8f2d6d
1 parent 4aebe53
commit a8f2d6d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 11 deletions.
diff --git a/PyeonHaeng-iOS/Sources/Scenes/ProductInfoScene/ProductInfoDetailView.swift b/PyeonHaeng-iOS/Sources/Scenes/ProductInfoScene/ProductInfoDetailView.swift
@@ -55,29 +55,26 @@ private struct DetailView: View {
       .font(.h3)
       .foregroundStyle(Color.gray900)
       .frame(maxWidth: .infinity, alignment: .leading)
-    HStack(alignment: .bottom) {
+    ZStack(alignment: .bottom) {
       VStack(alignment: .leading, spacing: .zero) {
         Text("행사 진행 편의점")
           .font(.c2)
           .padding(.top, Metrics.textPaddingTop)
+          .frame(maxWidth: 120, alignment: .leading)
         image(for: product.convenienceStore)
           .padding(.top, Metrics.convenienceStoreLogoPaddingTop)
       }
+      .frame(maxWidth: .infinity, alignment: .leading)
       Spacer()
       HStack(spacing: Metrics.horizontalSpacing) {
-        Group {
-          PromotionTagView(promotionTag: promotionTag(for: product.promotion))
-          Text("개당")
-            .font(.c1)
-        }
-        .padding(.bottom, -12)
+        PromotionTagView(promotionTag: promotionTag(for: product.promotion))
+          .padding(.bottom, -12)
         VStack(alignment: .trailing, spacing: .zero) {
-          Text("\(product.price.formatted())원")
+          Text("(\((product.price / 2).formatted())₩ per piece)")
             .font(.x2)
             .foregroundStyle(.gray100)
-            .strikethrough(color: .gray100)
             .padding(.bottom, -4)
-          Text("\(Int(product.price / 2).formatted())원")
+          Text("\(product.price.formatted())₩")
             .font(.h2)
         }
       }

diff --git a/PyeonHaeng-iOS/Sources/Scenes/ProductInfoScene/ProductInfoLineGraphView.swift b/PyeonHaeng-iOS/Sources/Scenes/ProductInfoScene/ProductInfoLineGraphView.swift
@@ -162,6 +162,7 @@ private struct LineGraphPanelView: View {
         .font(.c4)
         .foregroundStyle(.gray400)
       Text("\(product.price.formatted())원")
+        .frame(maxWidth: .infinity)
         .font(.b1)
         .foregroundStyle(.gray900)
       Rectangle()
@@ -216,7 +217,7 @@ private enum Metrics {
   static let frameHeight: CGFloat = 226.0
   static let lineGraphHeight: CGFloat = 162.0
 
-  static let panelWidth: CGFloat = 60.0
+  static let panelWidth: CGFloat = 70.0
   static let panelHeight: CGFloat = 162.0
   static let panelPoleHeight: CGFloat = 122.0
 }