🔀 :: [#102] 학생활동 추가 페이지 퍼블리싱

App/Resources/Icon/Icons.xcassets/setting.imageset/Contents.json

@@ -0,0 +1,21 @@
+{
+  "images" : [
+    {
+      "filename" : "setting.svg",
+      "idiom" : "universal",
+      "scale" : "1x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "2x"
+    },
+    {
+      "idiom" : "universal",
+      "scale" : "3x"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

App/Sources/Application/DI/AppComponent.swift

@@ -22,12 +22,16 @@ public extension AppComponent {
     var loginFactory: any LoginFactory {
         LoginComponent(parent: self)
     }
-    
+
     var activityListFactory: any ActivityListFactory {
         ActivityListComponent(parent: self)
     }
-        
+
     var signupFactory: any StudentSignUpFactory {
         StudentSignUpComponent(parent: self)
     }
+
+    var inputActivityFactory: any InputActivityFactory {
+        InputActivityComponent(parent: self)
+    }
 }

App/Sources/DesignSystem/Extensions/View+hideKeyBoard.swift

@@ -0,0 +1,7 @@
+import SwiftUI
+
+extension View {
+    func hideKeyboard() {
+        UIApplication.shared.sendAction(#selector(UIResponder.resignFirstResponder), to: nil, from: nil, for: nil)
+    }
+}

App/Sources/Feature/ActivityListFeature/ActivityListView.swift

@@ -5,6 +5,19 @@ struct ActivityListView: View {
     @Environment(\.dismiss) var dismiss
     @StateObject var model: ActivityListModel
     @StateObject var viewModel: ActivityListViewModel
+
+    private let inputActivityFactory: any InputActivityFactory
+
+    init(
+        inputActivityFactory: any InputActivityFactory,
+        model: ActivityListModel,
+        viewModel: ActivityListViewModel
+    ) {
+        self.inputActivityFactory = inputActivityFactory
+        _model = StateObject(wrappedValue: model)
+        _viewModel = StateObject(wrappedValue: viewModel)
+    }
+
     var body: some View {
         NavigationView {
             ScrollView {
@@ -38,7 +51,9 @@ struct ActivityListView: View {
             .toolbar {
                 ToolbarItemGroup(placement: .navigationBarTrailing) {
                     if model.authority == .student {
-                        Button(action: {}, label: {
+                        Button(action: {
+                            viewModel.inputActivityViewIsRequired()
+                        }, label: {
                             Image(systemName: "plus")
                                 .resizable()
                                 .aspectRatio(contentMode: .fit)
@@ -48,6 +63,13 @@ struct ActivityListView: View {
                     }
                 }
             }
+            .navigate(
+                to: inputActivityFactory.makeView().eraseToAnyView(),
+                when: Binding(
+                    get: { viewModel.isPresentedInputActivityView },
+                    set: { _ in viewModel.inputActivityViewIsDismissed() }
+                )
+            )
         }
         .onAppear {
             viewModel.onAppear()

App/Sources/Feature/ActivityListFeature/Source/ActivityListComponent.swift

@@ -3,17 +3,19 @@ import Service
 import SwiftUI
 
 public protocol ActivityListDependency: Dependency {
+    var inputActivityFactory: any InputActivityFactory { get }
     var loadUserAuthorityUseCase: any LoadUserAuthorityUseCase { get }
     var queryMyStudentActivityUseCase: any QueryMyStudentActivityUseCase { get }
     var queryStudentActivityListUseCase: any QueryStudentActivityListUseCase { get }
     var queryStudentActivityByIdUseCase: any QueryStudentActivityByIdUseCase { get }
 }
 
-@MainActor
 public final class ActivityListComponent: Component<ActivityListDependency>, ActivityListFactory {
+    @MainActor
     public func makeView(studentID: UUID) -> some View {
         let model = ActivityListModel()
         return ActivityListView(
+            inputActivityFactory: dependency.inputActivityFactory,
             model: model,
             viewModel: .init(
                 studentID: studentID,

App/Sources/Feature/ActivityListFeature/ViewModel/ActivityListViewModel.swift

@@ -2,6 +2,7 @@ import Foundation
 import Service
 
 final class ActivityListViewModel: BaseViewModel {
+    @Published var isPresentedInputActivityView: Bool = false
     var model: ActivityListModel
     private let loadUserAuthorityUseCase: any LoadUserAuthorityUseCase
     private let queryMyStudentActivityUseCase: any QueryMyStudentActivityUseCase
@@ -71,4 +72,12 @@ final class ActivityListViewModel: BaseViewModel {
     func toastDismissed() {
         self.isErrorOccurred = false
     }
+
+    func inputActivityViewIsRequired() {
+        self.isPresentedInputActivityView = true
+    }
+
+    func inputActivityViewIsDismissed() {
+        self.isPresentedInputActivityView = false
+    }
 }

App/Sources/Feature/InputActivityFeature/Interface/InputActivityFactory.swift

@@ -0,0 +1,6 @@
+import SwiftUI
+
+public protocol InputActivityFactory {
+    associatedtype SomeView: View
+    func makeView() -> SomeView
+}

App/Sources/Feature/InputActivityFeature/Source/InputActivityComponent.swift

@@ -0,0 +1,13 @@
+import NeedleFoundation
+import Service
+import SwiftUI
+
+public protocol InputActivityDependency: Dependency {}
+
+public final class InputActivityComponent: Component<InputActivityDependency>, InputActivityFactory {
+    public func makeView() -> some View {
+        InputActivityView(
+            viewModel: .init(title: .init(), activityText: .init())
+        )
+    }
+}

App/Sources/Feature/InputActivityFeature/Source/InputActivityView.swift

@@ -0,0 +1,91 @@
+import SwiftUI
+
+struct InputActivityView: View {
+    @StateObject var viewModel: InputActivityViewModel
+
+    init(viewModel: InputActivityViewModel) {
+        _viewModel = StateObject(wrappedValue: viewModel)
+    }
+
+    var body: some View {
+        ScrollView {
+            VStack(spacing: 0) {
+                VStack {
+                    TextEditor(text: $viewModel.title)
+                        .bitgouelFont(.title3)
+                        .overlay(alignment: .topLeading) {
+                            if viewModel.title.isEmpty {
+                                BitgouelText(
+                                    text: "활동 제목 (100자 이내)",
+                                    font: .title3
+                                )
+                                .padding(.top, 8)
+                                .padding(.leading, 4)
+                                .foregroundColor(.bitgouel(.greyscale(.g7)))
+                            }
+                        }
+                        .onChange(of: viewModel.title, perform: { value in
+                            if viewModel.title.count > 100 {
+                                viewModel.title.removeLast()
+                            }
+                        })
+                }
+                .padding(.top, -40)
+                .frame(minHeight: 40, maxHeight: 120)
+
+                Divider()
+
+                VStack {
+                    TextEditor(text: $viewModel.activityText)
+                        .bitgouelFont(.text3)
+                        .overlay(alignment: .topLeading) {
+                            if viewModel.activityText.isEmpty {
+                                BitgouelText(
+                                    text: "본문 입력 (1000자 이내)",
+                                    font: .text3
+                                )
+                                .padding(.top, 8)
+                                .padding(.leading, 4)
+                                .foregroundColor(.bitgouel(.greyscale(.g7)))
+                            }
+                        }
+                        .onChange(of: viewModel.activityText, perform: { value in
+                            if viewModel.activityText.count > 1000 {
+                                viewModel.activityText.removeLast()
+                            }
+                        })
+                }
+                .padding(.top, 16)
+                .frame(height: 460)
+
+                Divider()
+
+                VStack(spacing: 8) {
+                    Button {} label: {
+                        Image("setting")
+
+                        Text("활동 세부 설정")
+                            .bitgouelFont(.text3, color: .primary(.p5))
+                    }
+                    .padding(.vertical, 12)
+                    .padding(.horizontal, 96)
+                    .overlay {
+                        RoundedRectangle(cornerRadius: 8)
+                            .strokeBorder(Color.bitgouel(.primary(.p5)))
+                    }
+
+                    CTAButton(
+                        text: "활동 추가",
+                        style: .default
+                    )
+                }
+                .padding(.top, 24)
+                .padding(.bottom, 12)
+            }
+        }
+        .padding(.horizontal, 28)
+        .onTapGesture {
+            hideKeyboard()
+        }
+    }
+}

App/Sources/Feature/InputActivityFeature/Source/InputActivityViewModel.swift

@@ -0,0 +1,12 @@
+import Foundation
+import Service
+
+final class InputActivityViewModel: BaseViewModel {
+    @Published var title: String
+    @Published var activityText: String
+
+    init(title: String, activityText: String) {
+        self.title = title
+        self.activityText = activityText
+    }
+}