style: 재화/키링보유수/복사권 에셋 추가 및 기존에셋 제거

Keychy/Keychy/Core/Components/View/Items/ItemDetailInfoSection.swift

@@ -17,7 +17,7 @@ struct ItemDetailInfoSection: View {
             HStack(spacing: 8) {
                 /// 유료 태그 표시
                 if !item.isFree {
-                    Image(.paidIcon)
+                    Image(.myCoinMini)
                         .resizable()
                         .scaledToFit()
                         .frame(width: 21)

Keychy/Keychy/Core/Components/View/Popup/InvenExpandPopup.swift

@@ -63,7 +63,7 @@ struct InvenExpandPopup: View {
 
                 Button(action: onConfirm) {
                     HStack(spacing: 4) {
-                        Image(.buyKey)
+                        Image(.myCoinMini)
                             .resizable()
                             .frame(width: 34, height: 34)
                             .padding(.bottom, 4)

Keychy/Keychy/Core/Components/View/Popup/PurchasePopup.swift

@@ -41,7 +41,7 @@ struct PurchasePopup: View {
             // 버튼
             Button(action: onConfirm) {
                 HStack(spacing: 4) {
-                    Image(.buyKey)
+                    Image(.myCoinMini)
                         .resizable()
                         .frame(width: 34, height: 34)
                         .padding(.bottom, 4)

Keychy/Keychy/Presentation/Bundle/Views/BundleCreateView.swift

@@ -447,7 +447,7 @@ extension BundleCreateView {
                 if isPurchasing {
                     LoadingAlert(type: .short40, message: nil)
                 } else {
-                    Image(.purchaseSheet)
+                    Image(.myCoinMini)
                 }
 
                 Text("\(totalCartPrice)")

Keychy/Keychy/Presentation/Bundle/Views/BundleEditView+Purchase.swift

@@ -96,7 +96,7 @@ extension BundleEditView {
                 if isPurchasing {
                     LoadingAlert(type: .short40, message: nil)
                 } else {
-                    Image(.purchaseSheet)
+                    Image(.myCoinMini)
                 }
 
                 Text("\(totalCartPrice)")

Keychy/Keychy/Presentation/KeyringMaker/Shared/Views/KeyringCustomizingView+PurchaseSheet.swift

@@ -116,7 +116,7 @@ extension KeyringCustomizingView {
             }
         } label: {
             HStack(spacing: 5) {
-                Image(.purchaseSheet)
+                Image(.myCoinMini)
 
                 Text("\(totalCartPrice)")
                     .typography(.nanum18EB12)
@@ -126,7 +126,7 @@ extension KeyringCustomizingView {
             }
             .foregroundStyle(.white100)
             .frame(maxWidth: .infinity)
-            .padding(.vertical, 6)
+            .padding(.vertical, 13.5)
             .background(.black80)
             .clipShape(RoundedRectangle(cornerRadius: 100))
         }

Keychy/Keychy/Presentation/Workshop/Coin/CoinChargeView.swift

@@ -38,12 +38,14 @@ struct CoinChargeView<Route: Hashable>: View {
             if hasNetworkError {
                 networkErrorView
             } else {
-                VStack(spacing: 37) {
+                VStack {
                     // 내 아이템들 현황판
                     CurrentItemsCard()
+                        .padding(.bottom, 25)
 
                     // 코인 구매 섹션
                     coinSection
+                        .padding(.bottom, 45)
 
                     // 기타 아이템 섹션
                     otherItemsSection
@@ -115,10 +117,11 @@ struct CoinChargeView<Route: Hashable>: View {
 // MARK: - Coin Section 코인 구매 섹션
 extension CoinChargeView {
     private var coinSection: some View {
-        VStack(alignment: .leading, spacing: 20) {
+        VStack(alignment: .leading, spacing: 0) {
             sectionTitle("코인")
+                .padding(.bottom, 15)
 
-            VStack(spacing: 30) {
+            VStack(spacing: 35) {
                 ForEach(manager.products, id: \.id) { product in
                     coinRow(for: product)
                 }
@@ -127,11 +130,8 @@ extension CoinChargeView {
     }
 
     private func coinRow(for product: Product) -> some View {
-        HStack(spacing: 8) {
-            Image(.buyKey)
-                .resizable()
-                .scaledToFit()
-                .frame(width: 24, height: 24)
+        HStack(spacing: 5) {
+            Image(.myCoinMini)
 
             if let storeProduct = StoreProduct(rawValue: product.id) {
                 Text("\(storeProduct.coinAmount)개")
@@ -157,7 +157,7 @@ extension CoinChargeView {
                     .typography(.suit14M)
                     .foregroundStyle(.white100)
                     .frame(width: 74, height: 30)
-                    .background(.black100)
+                    .background(.black80)
                     .cornerRadius(4)
             }
             .disabled(isCoinPurchasing)
@@ -168,30 +168,28 @@ extension CoinChargeView {
 // MARK: - Other Items Section 하단 기타 아이템 섹션
 extension CoinChargeView {
     private var otherItemsSection: some View {
-        VStack(alignment: .leading, spacing: 20) {
+        VStack(alignment: .leading, spacing: 0) {
             sectionTitle("기타 아이템")
+                .padding(.bottom, 15)
 
-            VStack(spacing: 30) {
+            VStack(spacing: 28) {
                 otherItemRow(item: .inventoryExpansion)
                 otherItemRow(item: .copyVoucher10)
             }
         }
     }
 
     private func otherItemRow(item: OtherItem) -> some View {
-        HStack(spacing: 10) {
+        HStack(alignment: .top ,spacing: 11) {
             Image(item.icon)
-                .resizable()
-                .scaledToFit()
-                .frame(width: 24, height: 24)
 
             VStack(alignment: .leading, spacing: 4) {
                 Text(item.title)
                     .typography(.suit16M)
-                    .foregroundStyle(.black100)
+                    .foregroundStyle(.black80)
 
                 Text(item.itemDescription)
-                    .typography(.suit13M)
+                    .typography(.suit12M)
                     .foregroundStyle(.gray500)
             }
 
@@ -201,18 +199,15 @@ extension CoinChargeView {
                 selectedItem = item
                 showPurchaseSheet = true
             } label: {
-                HStack(spacing: 2) {
-                    Image(.buyKey)
-                        .resizable()
-                        .scaledToFit()
-                        .frame(width: 24, height: 24)
+                HStack(spacing: 5) {
+                    Image(.myCoinMini)
 
                     Text("\(item.price)")
                         .typography(.suit14SB18)
                         .foregroundStyle(.white)
                 }
-                .frame(width: 80, height: 30)
-                .background(.black100)
+                .frame(width: 74, height: 30)
+                .background(.black80)
                 .cornerRadius(4)
             }
         }
@@ -262,7 +257,6 @@ extension CoinChargeView {
             // 구매 버튼
             purchaseButton
                 .padding(.horizontal, 20)
-                .padding(.bottom, 30)
         }
         .background(
             GeometryReader { geometry in
@@ -295,13 +289,10 @@ extension CoinChargeView {
     private func purchaseItemRow(item: OtherItem) -> some View {
         HStack(spacing: 0) {
             Image(item.icon)
-                .resizable()
-                .scaledToFit()
-                .frame(width: 24, height: 24)
                 .padding(.trailing, 12)
 
             Text(item.title)
-                .typography(.suit17B)
+                .typography(.suit16M)
                 .foregroundStyle(.black100)
 
             Spacer()
@@ -337,14 +328,14 @@ extension CoinChargeView {
             }
         } label: {
             HStack(spacing: 5) {
-                Image(.purchaseSheet)
+                Image(.myCoinMini)
 
                 Text("\(selectedItem?.price ?? 0)")
                     .typography(.nanum18EB12)
             }
             .foregroundStyle(.white100)
             .frame(maxWidth: .infinity)
-            .padding(.vertical, 6)
+            .padding(.vertical, 13.5)
             .background(.black80)
             .clipShape(RoundedRectangle(cornerRadius: 100))
         }
@@ -359,8 +350,8 @@ extension CoinChargeView {
 
         var icon: String {
             switch self {
-            case .inventoryExpansion: return "invenIcon"
-            case .copyVoucher10: return "copyBlack"
+            case .inventoryExpansion: return "myKeyringCountMini"
+            case .copyVoucher10: return "myCopyPassMini"
             }
         }
 
@@ -376,7 +367,7 @@ extension CoinChargeView {
             case .inventoryExpansion:
                 return "키링을 더 많이 만들 수 있어요!"
             case .copyVoucher10:
-                return "키링을 더 자유롭게 추가할 수 있어요!"
+                return "내 키링을 하나 더 만들 수 있어요!\n페스티벌에서 키링을 가져올 수 있어요!"
             }
         }
 

Keychy/Keychy/Presentation/Workshop/Components/WorkshopComponents.swift

@@ -421,7 +421,7 @@ struct KeyringTemplateActionButton: View {
             onPurchase()
         } label: {
             HStack(spacing: 5) {
-                Image(.buyKey)
+                Image(.myCoinMini)
                     .resizable()
                     .scaledToFit()
                     .frame(width: 32)
@@ -481,7 +481,7 @@ struct WorkshopItemActionButton: View {
             onPurchase()
         } label: {
             HStack(spacing: 5) {
-                Image(.buyKey)
+                Image(.myCoinMini)
                     .resizable()
                     .scaledToFit()
                     .frame(width: 32)

Keychy/Keychy/Presentation/Workshop/Views/MyItemsView.swift

@@ -187,7 +187,7 @@ struct MyItemsView: View {
             router.push(.coinCharge)
         } label: {
             HStack(spacing: 0) {
-                Image(.buyKey)
+                Image(.myCoinMini)
                     .resizable()
                     .scaledToFill()
                     .frame(width: 36)

Keychy/Keychy/Resources/Assets.xcassets/18. Icons/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Keychy/Keychy/Resources/Assets.xcassets/18. Icons/Items/Contents.json

@@ -0,0 +1,6 @@
+{
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

Keychy/Keychy/Resources/Assets.xcassets/18. Icons/Actions/copyBlack.imageset/Contents.json → Keychy/Keychy/Resources/Assets.xcassets/18. Icons/Items/myCoinMini.imageset/Contents.json

@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "copyBlack.pdf",
+      "filename" : "myCoinMini.pdf",
       "idiom" : "universal"
     }
   ],

Keychy/Keychy/Resources/Assets.xcassets/18. Icons/Features/myKeyringCount.imageset/Contents.json → Keychy/Keychy/Resources/Assets.xcassets/18. Icons/Items/myCopyPassMini.imageset/Contents.json

@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "invenIcon.pdf",
+      "filename" : "myCopyPassMini.pdf",
       "idiom" : "universal"
     }
   ],

Keychy/Keychy/Resources/Assets.xcassets/18. Icons/Features/purchaseSheet.imageset/Contents.json → Keychy/Keychy/Resources/Assets.xcassets/18. Icons/Items/myKeyringCount.imageset/Contents.json

@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "purchaseSheet.pdf",
+      "filename" : "myKeyringCount.pdf",
       "idiom" : "universal"
     }
   ],

Keychy/Keychy/Resources/Assets.xcassets/18. Icons/Features/buyKey.imageset/Contents.json → Keychy/Keychy/Resources/Assets.xcassets/18. Icons/Items/myKeyringCountMini.imageset/Contents.json

@@ -1,7 +1,7 @@
 {
   "images" : [
     {
-      "filename" : "buyKey.pdf",
+      "filename" : "myKeyringCountMini.pdf",
       "idiom" : "universal"
     }
   ],