🔀 :: (#715) 공지사항 리스트에 읽었는지 여부 인디케이터 추가

Projects/Domains/NoticeDomain/Interface/Entity/FetchNoticeEntity.swift

@@ -25,6 +25,7 @@ public struct FetchNoticeEntity {
     public let thumbnail: FetchNoticeEntity.Image
     public let origins: [FetchNoticeEntity.Image]
     public let createdAt: Double
+    public var isRead: Bool = true
 }
 
 public extension FetchNoticeEntity {

Projects/Domains/NoticeDomain/Testing/FetchNoticeAllUseCaseStub.swift

@@ -4,6 +4,32 @@ import RxSwift
 
 public struct FetchNoticeAllUseCaseStub: FetchNoticeAllUseCase {
     public func execute() -> Single<[FetchNoticeEntity]> {
-        return .just([])
+        let title1 = "공지사항 두줄인 경우 공지사항 두줄인 경우 공지사항 두줄인 경우 공지사항 두줄인 경우"
+        let title2 = "왁타버스 뮤직 2.0 업데이트"
+        let content2 =
+            "공지사항 내용이 나옵니다.\n위아래 여백에 맞춰 답변 길이가 유동적으로 바뀝니다.\n\n자주 묻는 질문 답변이 나옵니다.\n위아래 여백에 맞춰 답변 길이가 유동적으로 바뀝니다."
+        let stubs = [
+            FetchNoticeEntity(
+                id: 99992,
+                category: "카테고리1",
+                title: title1,
+                content: "",
+                thumbnail: .init(url: "", link: ""),
+                origins: [],
+                createdAt: 1
+            ),
+            FetchNoticeEntity(
+                id: 99993,
+                category: "카테고리2",
+                title: title2,
+                content: "",
+                thumbnail: .init(url: "", link: ""),
+                origins: [],
+                createdAt: 2
+            )
+        ]
+        return .just(stubs)
     }
+
+    public init() {}
 }

Projects/Features/MyInfoFeature/Resources/Notice.storyboard

@@ -59,7 +59,7 @@
                                             <autoresizingMask key="autoresizingMask"/>
                                             <subviews>
                                                 <label opaque="NO" userInteractionEnabled="NO" contentMode="left" horizontalHuggingPriority="251" verticalHuggingPriority="251" text="Label" textAlignment="natural" lineBreakMode="tailTruncation" numberOfLines="0" baselineAdjustment="alignBaselines" adjustsFontSizeToFit="NO" translatesAutoresizingMaskIntoConstraints="NO" id="m1f-sa-uDl">
-                                                    <rect key="frame" x="20" y="12" width="353" height="24"/>
+                                                    <rect key="frame" x="20" y="12" width="313" height="24"/>
                                                     <constraints>
                                                         <constraint firstAttribute="height" relation="greaterThanOrEqual" constant="24" id="pee-Ny-RLf"/>
                                                     </constraints>
@@ -105,7 +105,7 @@
                                                 </label>
                                             </subviews>
                                             <constraints>
-                                                <constraint firstAttribute="trailing" secondItem="m1f-sa-uDl" secondAttribute="trailing" constant="20" id="3tm-Gh-bqA"/>
+                                                <constraint firstAttribute="trailing" secondItem="m1f-sa-uDl" secondAttribute="trailing" constant="60" id="3tm-Gh-bqA"/>
                                                 <constraint firstAttribute="bottom" secondItem="4h0-84-mJi" secondAttribute="bottom" id="Ah2-oK-8zy"/>
                                                 <constraint firstItem="N4D-sc-Poj" firstAttribute="leading" secondItem="m1f-sa-uDl" secondAttribute="leading" id="Gaw-YH-Un4"/>
                                                 <constraint firstItem="4h0-84-mJi" firstAttribute="leading" secondItem="SN6-Hr-l7a" secondAttribute="leading" id="Pud-v9-7a7"/>

Projects/Features/MyInfoFeature/Sources/ViewControllers/Notice/NoticeViewController.swift

@@ -78,6 +78,7 @@ private extension NoticeViewController {
                     return UITableViewCell()
                 }
                 cell.update(model: model)
+                cell.updateVisibleIndicator(visible: !model.isRead)
                 return cell
             }
             .disposed(by: disposeBag)

Projects/Features/MyInfoFeature/Sources/ViewModels/NoticeViewModel.swift

@@ -34,6 +34,34 @@ public final class NoticeViewModel {
                 return fetchNoticeAllUseCase.execute()
                     .catchAndReturn([])
             }
+            .map { notices in
+                let readIDs = Set(PreferenceManager.readNoticeIDs ?? [])
+                return notices.map { notice in
+                    var notice = notice
+                    notice.isRead = readIDs.contains(notice.id)
+                    return notice
+                }
+            }
+            .bind(to: output.dataSource)
+            .disposed(by: disposeBag)
+
+        input.didTapList
+            .withLatestFrom(output.dataSource) { ($0, $1) }
+            .do { selectedIndexPath, notices in
+                var savedIDs = PreferenceManager.readNoticeIDs ?? []
+                let selecterdID = notices[selectedIndexPath.row].id
+                savedIDs.append(selecterdID)
+                PreferenceManager.readNoticeIDs = savedIDs
+            }
+            .map { _, notices in
+                let readIDs = Set(PreferenceManager.readNoticeIDs ?? [])
+                return notices.map { notice in
+                    var notice = notice
+                    notice.isRead = readIDs.contains(notice.id)
+                    return notice
+                }
+            }
+            .debug()
             .bind(to: output.dataSource)
             .disposed(by: disposeBag)
 

Projects/Features/MyInfoFeature/Sources/Views/NoticeListCell.swift

@@ -14,15 +14,15 @@ class NoticeListCell: UITableViewCell {
         self.contentView.backgroundColor = .clear
 
         titleStringLabel.font = DesignSystemFontFamily.Pretendard.medium.font(size: 16)
-        titleStringLabel.textColor = DesignSystemAsset.BlueGrayColor.gray900.color
+        titleStringLabel.textColor = DesignSystemAsset.BlueGrayColor.blueGray900.color
         titleStringLabel.setTextWithAttributes(kernValue: -0.5, lineSpacing: 0, lineHeightMultiple: 1.26)
 
         dayLabel.font = DesignSystemFontFamily.Pretendard.light.font(size: 12)
-        dayLabel.textColor = DesignSystemAsset.BlueGrayColor.gray500.color
+        dayLabel.textColor = DesignSystemAsset.BlueGrayColor.blueGray500.color
         dayLabel.setTextWithAttributes(kernValue: -0.5, lineSpacing: 0, lineHeightMultiple: 0)
 
         timeLabel.font = DesignSystemFontFamily.Pretendard.light.font(size: 12)
-        timeLabel.textColor = DesignSystemAsset.BlueGrayColor.gray500.color
+        timeLabel.textColor = DesignSystemAsset.BlueGrayColor.blueGray500.color
         timeLabel.setTextWithAttributes(kernValue: -0.5, lineSpacing: 0, lineHeightMultiple: 0)
     }
 }
@@ -33,4 +33,24 @@ extension NoticeListCell {
         dayLabel.text = (model.createdAt / 1000.0).unixTimeToDate.dateToString(format: "yy.MM.dd")
         timeLabel.text = (model.createdAt / 1000.0).unixTimeToDate.dateToString(format: "HH:mm")
     }
+
+    func updateVisibleIndicator(visible: Bool) {
+        if visible {
+            let attributedString = NSMutableAttributedString(string: titleStringLabel.text ?? "")
+            let padding = NSTextAttachment()
+            let imageAttachment = NSTextAttachment()
+            imageAttachment.image = DesignSystemAsset.MyInfo.redDot.image
+            imageAttachment.bounds = CGRect(x: 0, y: 10, width: 5, height: 5)
+            padding.bounds = CGRect(x: 0, y: 0, width: 2, height: 0)
+
+            attributedString.append(NSAttributedString(attachment: padding))
+            attributedString.append(NSAttributedString(attachment: imageAttachment))
+            titleStringLabel.attributedText = attributedString
+        } else {
+            guard let attributedText = titleStringLabel.attributedText else { return }
+            let text = attributedText.string
+            titleStringLabel.attributedText = nil
+            titleStringLabel.text = text
+        }
+    }
 }

Projects/UsertInterfaces/DesignSystem/Resources/Image/MyInfo.xcassets/red_dot.imageset/Contents.json

@@ -0,0 +1,23 @@
+{
+  "images" : [
+    {
+      "filename" : "dot.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "filename" : "[email protected]",
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}