[Feat] 내 쿠폰 사용 상태별 쿠폰 이미지 분류 기능 추가

Author: blwxnhan

.DS_Store

@@ -5,7 +5,7 @@ struct MyCouponCell: View {
     var onTap: () -> Void
 
     var body: some View {
-        Image(viewModel.coupon.used || viewModel.isExpired ? "myCoupon_used" : "myCoupon_canuse")
+        Image(viewModel.couponStatus==CouponStatus.issued ? "myCoupon_canuse" : "myCoupon_used")
             .resizable()
             .scaledToFit()
             .frame(width: 335, height: 102)
@@ -50,7 +50,7 @@ struct MyCouponCell: View {
                             onTap()
                         }
                     }) {
-                        Text(viewModel.coupon.used || viewModel.isExpired ? "사용 완료" : "사용 가능")
+                        Text(viewModel.couponStatusText)
                             .font(.custom("Pretendard", size: 13))
                             .fontWeight(.bold)
                             .foregroundStyle(Color.white)

MarketPlace/View/MyPage/Components/MyCouponCell.swift

@@ -20,7 +20,6 @@ struct MyCouponView: View {
     @State private var selectedCategoryIndex = 0
 
     var body: some View {
-        // NavigationView 제거 - 상위 뷰에서 이미 NavigationView를 사용중이므로
         ZStack {
             VStack(spacing: 0) {
                 CouponCategoryView(selectedCategory: $selectedCategoryIndex)
@@ -34,11 +33,7 @@ struct MyCouponView: View {
                                 .padding()
                         } else {
                             ForEach(viewModel.memberCoupons, id: \.memberCouponId) { coupon in
-                                MyCouponCell(viewModel: MyCouponCellViewModel(coupon: coupon)) {
-                                    selectedCoupon = coupon
-                                    showingPopup = true
-                                }
-                                .frame(maxWidth: .infinity, alignment: .center)
+                                makeCouponCell(for: coupon)
                             }
                         }
                     }
@@ -83,5 +78,16 @@ struct MyCouponView: View {
             }
         }
     }
+    
+    // MARK: - coupon Cell 생성
+    private func makeCouponCell(for coupon: MembersCouponModel) -> some View {
+        let status = CouponStatus(index: selectedCategoryIndex) ?? .issued
+        let viewModel = MyCouponCellViewModel(coupon: coupon, couponStatus: status)
+        
+        return MyCouponCell(viewModel: viewModel) {
+            selectedCoupon = coupon
+            showingPopup = true
+        }
+    }
 }
 

MarketPlace/View/MyPage/View/MyCouponView.swift

@@ -10,23 +10,29 @@ import Foundation
 final class MyCouponCellViewModel: ObservableObject {
     private var memberCouponService: MemberCouponServiceProtocol
     @Published var coupon: MembersCouponModel
-
+    @Published var couponStatus: CouponStatus
     @Published var isLoading: Bool = false
     @Published var errorMessage: String?
 
     init(
         coupon: MembersCouponModel,
+        couponStatus: CouponStatus,
         memberCouponService: MemberCouponServiceProtocol = MemberCouponService()
     ) {
         self.coupon = coupon
+        self.couponStatus = couponStatus
         self.memberCouponService = memberCouponService
     }
 
-    var isExpired: Bool {
-        let formatter = DateFormatter()
-        formatter.dateFormat = "yyyy-MM-dd'T'HH:mm:ss.SSS"
-        guard let expirationDate = formatter.date(from: coupon.deadLine) else { return false }
-        return expirationDate < Date()
+    var couponStatusText: String {
+        switch couponStatus {
+        case .issued:
+            return "사용 가능"
+        case .used:
+            return "사용 완료"
+        case .expired:
+            return "기간 만료"
+        }
     }
 
     var formattedDeadline: String {
@@ -38,7 +44,7 @@ final class MyCouponCellViewModel: ObservableObject {
     }
 
     var canUse: Bool {
-        return !coupon.used && !isExpired
+        return couponStatus == .issued
     }
 
     func useMemberCoupon(memberCouponId: Int) async {