[ITDS-75] feat: #61 - FAB 영역 내 "추천 공고 관리" 버튼 UI 추가

DDD-Community · Feb 9, 2025 · 0f8c9a4 · 0f8c9a4
1 parent 0dbc298
commit 0f8c9a4
Show file tree

Hide file tree

Showing 5 changed files with 91 additions and 17 deletions.
diff --git a/Targets/DesignSystem/Resources/Assets.xcassets/pin2.imageset/Contents.json b/Targets/DesignSystem/Resources/Assets.xcassets/pin2.imageset/Contents.json
@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "pin2.png",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}
diff --git a/Targets/DesignSystem/Resources/Assets.xcassets/pin2.imageset/pin2.png b/Targets/DesignSystem/Resources/Assets.xcassets/pin2.imageset/pin2.png
diff --git a/Targets/DesignSystem/Sources/Component/Home/FABSubButton.swift b/Targets/DesignSystem/Sources/Component/Home/FABSubButton.swift
@@ -8,28 +8,57 @@
 
 import UIKit
 
+import RxSwift
+
 public final class FABSubButton: UIView {
+  // MARK: Properties
+  public var registPostButtonObservable: Observable<Void> {
+    registPostButton.rx.tap.asObservable()
+  }
+
+  public var recommendPostButtonObservable: Observable<Void> {
+    recommendPostButton.rx.tap.asObservable()
+  }
+
+  // MARK: UI
   private let rootFlexContainer = UIView()
 
-  private let icon: UIImageView = {
+  private let registPostButton = UIButton()
+
+  private let registPostIcon: UIImageView = {
+    let imageView = UIImageView()
+    imageView.contentMode = .scaleAspectFit
+    imageView.image = DesignSystemAsset.registerPost.image
+    return imageView
+  }()
+
+  private let registPostTitle = MozipLabel(
+    style: .heading3,
+    color: MozipColor.primary700,
+    text: "공고 등록"
+  )
+
+  private let recommendPostButton = UIButton()
+
+  private let recommendPostIcon: UIImageView = {
     let imageView = UIImageView()
     imageView.contentMode = .scaleAspectFit
+    imageView.image = DesignSystemAsset.pin2.image
     return imageView
   }()
 
-  private let title = MozipLabel(
+  private let recommendPostTitle = MozipLabel(
     style: .heading3,
-    color: MozipColor.primary700
+    color: MozipColor.primary700,
+    text: "추천 공고 관리"
   )
 
-  public init(iconImage: UIImage, title: String) {
+  public init() {
     super.init(frame: .zero)
     setupViewHierarchy()
     setupViewLayout()
     self.backgroundColor = .white
     self.layer.cornerRadius = 8
-    self.icon.image = iconImage
-    self.title.updateTextKeepingAttributes(title)
   }
 
   required init?(coder: NSCoder) {
@@ -47,17 +76,32 @@ private extension FABSubButton {
   func setupViewHierarchy() {
     addSubview(rootFlexContainer)
     rootFlexContainer.flex
-      .direction(.row)
-      .alignItems(.center)
+      .direction(.column)
+      .alignItems(.start)
       .define { flex in
-        flex.addItem(icon).size(24).marginLeft(16)
-        flex.addItem(title).marginLeft(8)
+        flex.addItem(registPostButton)
+          .direction(.row)
+          .alignItems(.center)
+          .marginTop(20)
+          .define { flex in
+            flex.addItem(registPostIcon).size(24).marginLeft(16)
+            flex.addItem(registPostTitle).marginLeft(8)
+          }
+
+        flex.addItem(recommendPostButton)
+          .direction(.row)
+          .alignItems(.center)
+          .marginTop(20)
+          .define { flex in
+            flex.addItem(recommendPostIcon).size(24).marginLeft(16)
+            flex.addItem(recommendPostTitle).marginLeft(8)
+          }
       }
   }
 
   func setupViewLayout() {
     rootFlexContainer.pin.all()
     rootFlexContainer.flex.layout()
-    pin.size(CGSize(width: 163, height: 64))
+    pin.size(CGSize(width: 163, height: 108))
   }
 }
diff --git a/Targets/PresentationLayer/Sources/Home/Coordinator/HomeCoordinator.swift b/Targets/PresentationLayer/Sources/Home/Coordinator/HomeCoordinator.swift
@@ -16,6 +16,7 @@ public protocol HomeCoordinatorType: CoordinatorType {
   func pushMyPage()
   func pushPostDetail(id: Int)
   func pushPostRegister()
+  func pushPostRecommend()
 }
 
 final class HomeCoordinator: HomeCoordinatorType {
@@ -95,6 +96,10 @@ final class HomeCoordinator: HomeCoordinatorType {
     addChild(postUploadCoordinator)
     postUploadCoordinator.start()
   }
+
+  func pushPostRecommend() {
+    // TODO: PostRecommend 화면 생성 후 이동
+  }
 }
 
 // MARK: - Private

diff --git a/Targets/PresentationLayer/Sources/Home/View/HomeViewController.swift b/Targets/PresentationLayer/Sources/Home/View/HomeViewController.swift
@@ -28,11 +28,7 @@ final class HomeViewController: BaseViewController<HomeReactor>, Coordinatable {
   private let bannerView = RecommendingBanner()
   private let collectionView = PostCollectionView()
   private let fabButton = FABButton()
-
-  private let fabSubButton = FABSubButton(
-    iconImage: DesignSystemAsset.registerPost.image,
-    title: "공고 등록"
-  )
+  private let fabSubButton = FABSubButton()
 
   private let fabButtonDimmingView: UIView = {
     let view = UIView()
@@ -230,14 +226,22 @@ private extension HomeViewController {
       }
       .disposed(by: disposeBag)
 
-    fabSubButton.rxGesture.tap
+    fabSubButton.registPostButtonObservable
       .asSignal(onErrorSignalWith: .empty())
       .emit(with: self) { owner, _ in
         owner.fabButton.isExpanded.accept(false)
         owner.coordinator?.pushPostRegister()
       }
       .disposed(by: disposeBag)
 
+    fabSubButton.recommendPostButtonObservable
+      .asSignal(onErrorSignalWith: .empty())
+      .emit(with: self) { owner, _ in
+        owner.fabButton.isExpanded.accept(false)
+        owner.coordinator?.pushPostRecommend()
+      }
+      .disposed(by: disposeBag)
+
     fabButtonDimmingView.rxGesture.tap
       .asSignal(onErrorSignalWith: .empty())
       .map { _ in false }