💄 :: [#74] UserInfoList State 변경 버튼 추가

School-of-Company · Jan 4, 2025 · 6e398ec · 6e398ec
1 parent 6bd041f
commit 6e398ec
Showing 1 changed file with 79 additions and 2 deletions.
diff --git a/Projects/App/Sources/Feature/UserManagementFeature/Sources/UserManagementView.swift b/Projects/App/Sources/Feature/UserManagementFeature/Sources/UserManagementView.swift
@@ -11,6 +11,7 @@ import SwiftUI
 struct UserManagementView: View {
     @Environment(\.dismiss) var dismiss
     @State private var userInfoListName: String = "사전 행사"
+    @State private var userInfoListButtonAction: Bool = false
 
     var body: some View {
         ZStack {
@@ -30,14 +31,90 @@ struct UserManagementView: View {
         }
 
         VStack(alignment: .leading, spacing: 0) {
+            Button {
+                userInfoListButtonAction.toggle()
+            } label: {
+                HStack(spacing: 10) {
+                    Text("\(userInfoListName) 참가자")
+                        .expoFont(.body2B)
+                        .foregroundStyle(.black)
+
+                    ExpoIOSAsset.Assets.blackBottomButton.swiftUIImage
+                }
+                .padding(.leading, 16)
+            }
+
             HStack(spacing: 10) {
-                Text("\(userInfoListName) 참가자")
+                ExpoIOSAsset.Assets.warning.swiftUIImage
+                    .padding(.leading, 16)
+
+                Text("옆으로 넘겨서 확인해보세요")
+                    .expoFont(.caption2R)
+                    .expoColor(ExpoColor.gray300)
+
+                Spacer()
+
+                Rectangle()
+                    .frame(width: 1, height: 14)
+                    .expoColor(ExpoColor.gray100)
 
-
+                Spacer()
+
+                Text("참가자 전체 인원")
+                    .expoColor(ExpoColor.gray500)
+                    .expoFont(.caption2R)
+
+                Text("100명")
+                    .expoColor(ExpoColor.main)
+                    .expoFont(.caption2R)
+                    .padding(.trailing, 16)
             }
+            .padding(.top, 13)
 
             Spacer()
         }
+        .sheet(isPresented: $userInfoListButtonAction) {
+            VStack(spacing: 0){
+                Button {
+                    userInfoListName = "사전 행사"
+                    userInfoListButtonAction.toggle()
+                } label: {
+                    Text("사전 행사 참가자")
+                        .frame(maxWidth: .infinity, minHeight: 58)
+                        .foregroundStyle(.black)
+                }
+
+                Button {
+                    userInfoListName = "현장 신청"
+                    userInfoListButtonAction.toggle()
+                } label: {
+                    Text("현장 신청 참가자")
+                        .frame(maxWidth: .infinity, minHeight: 58)
+                        .foregroundStyle(.black)
+                }
+
+                Button {
+                    userInfoListName = "사전 교원 원수"
+                    userInfoListButtonAction.toggle()
+                } label: {
+                    Text("사전 교원 원수 참가자")
+                        .frame(maxWidth: .infinity, minHeight: 58)
+                        .foregroundStyle(.black)
+                }
+
+                Button {
+                    userInfoListButtonAction.toggle()
+                } label: {
+                    Text("취소")
+                        .frame(maxWidth: .infinity, minHeight: 58)
+                        .expoColor(ExpoColor.error)
+                }
+
+                Spacer()
+            }
+            .expoFont(.body2R)
+            .presentationDetents([.height(250)])
+        }
     }
 }