[feat] #211 알림함 안읽음 처리 구성

Author: ShapeKim98

Projects/DSKit/Sources/Components/PokitCaution.swift

@@ -63,7 +63,7 @@ public enum CautionType {
         case .링크부족:
             return "링크를 5개 이상 저장하고 추천을 받아보세요"
         case .알림없음:
-            return "리마인드 알림을 설정하세요"
+            return "공동 편집 포킷을 만들어보세요"
         case .추천_링크없음:
             return "다른 사용자들이 링크를 저장하면\n추천해드릴게요"
         }

Projects/Domain/Sources/Alert/AlertItem.swift

@@ -15,12 +15,12 @@ public struct AlertItem: Identifiable, Equatable {
     public var title: String
     public var body: String
     public let createdAt: String
-    
+
     public init(
         id: Int,
         userId: Int,
         contentId: Int,
-        thumbNail: String, 
+        thumbNail: String,
         title: String,
         body: String,
         createdAt: String

Projects/Feature/FeatureSetting/Sources/Alert/PokitAlertBoxFeature.swift

@@ -26,7 +26,9 @@ public struct PokitAlertBoxFeature {
         public init() {}
 
         fileprivate var domain = Alert()
-        
+        @Shared(.appStorage("lastAlertCheckDate"))
+        var lastAlertCheckDate: String?
+
         var alertContents: IdentifiedArrayOf<AlertItem>? {
             guard let list = domain.alertList.data else { return nil }
             var identifiedArray = IdentifiedArrayOf<AlertItem>()
@@ -134,6 +136,10 @@ private extension PokitAlertBoxFeature {
         switch action {
         case let .뷰가_나타났을때_알람_목록_조회_API_반영(list):
             state.domain.alertList = list
+            /// 가장 최신 알림의 날짜를 저장 (읽음 처리용)
+            if let latestAlert = list.data?.first {
+                state.lastAlertCheckDate = latestAlert.createdAt
+            }
             return .none
 
         case let .pagenation_알람_목록_조회_API_반영(alertList):

Projects/Feature/FeatureSetting/Sources/Alert/PokitAlertBoxView.swift

@@ -37,11 +37,15 @@ public extension PokitAlertBoxView {
                         List {
                             ForEach(alertContents, id: \.id) { item in
                                 Button(action: { send(.알람_항목_선택했을때(item: item)) }) {
-                                    AlertContent(item: item)
+                                    AlertContent(
+                                        item: item,
+                                        lastCheckDate: store.lastAlertCheckDate
+                                    )
                                 }
                                 .listRowSeparator(.hidden)
                                 .listRowInsets(EdgeInsets())
                                 .onDelete(deleteAction: { delete(item) })
+                                .id(item.id)
                             }
                             .listRowBackground(Color.pokit(.bg(.base)))
                             .padding(.top, 16)
@@ -76,12 +80,19 @@ private extension PokitAlertBoxView {
     }
 
     struct AlertContent: View {
-        var item: AlertItem
-        
-        init(item: AlertItem) {
+        let item: AlertItem
+        let lastCheckDate: String?
+
+        init(item: AlertItem, lastCheckDate: String?) {
             self.item = item
+            self.lastCheckDate = lastCheckDate
+        }
+
+        private var isUnread: Bool {
+            guard let lastCheckDate else { return true }
+            return item.createdAt > lastCheckDate
         }
-        
+
         var body: some View {
             VStack(alignment: .leading, spacing: 20) {
                 HStack(spacing: 16) {
@@ -117,6 +128,11 @@ private extension PokitAlertBoxView {
                     .foregroundStyle(.pokit(.border(.tertiary)))
             }
             .padding(.top, 20)
+            .background(
+                isUnread
+                    ? .pokit(.color(.orange(._50)))
+                    : .clear
+            )
         }
     }
 }