-
Notifications
You must be signed in to change notification settings - Fork 1
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
π :: [#76] Profile λ‘κ·Έμμ νμ
μΆκ°
- Loading branch information
Showing
7 changed files
with
275 additions
and
44 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
74 changes: 74 additions & 0 deletions
74
Projects/App/Sources/DesignSystem/Program/SignInRequestDetail.swift
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,74 @@ | ||
// | ||
// SignInRequestDetail.swift | ||
// Expo-iOS | ||
// | ||
// Created by μμ§μ on 1/15/25. | ||
// Copyright Β© 2025 SchoolofCompany. All rights reserved. | ||
// | ||
|
||
import SwiftUI | ||
|
||
struct SignInRequestDetail: View { | ||
var programNum: Int | ||
var userName: String | ||
var id: String | ||
var email: String | ||
var phoneNumber: String | ||
var action: () -> Void | ||
|
||
@State private var isPressed = false | ||
|
||
public init( | ||
programNum: Int, | ||
userName: String, | ||
id: String, | ||
email: String, | ||
phoneNumber: String, | ||
action: @escaping () -> Void = {} | ||
) { | ||
self.programNum = programNum | ||
self.userName = userName | ||
self.id = id | ||
self.email = email | ||
self.phoneNumber = phoneNumber | ||
self.action = action | ||
} | ||
|
||
public var body: some View { | ||
Button(action: { | ||
self.action() | ||
}) { | ||
HStack { | ||
Text("\(programNum)") | ||
.expoFont(.caption1B) | ||
.padding(.leading, 8) | ||
|
||
Text(userName) | ||
.padding(.leading, 25) | ||
.frame(maxWidth: .infinity, alignment: .leading) | ||
|
||
Text(id) | ||
.padding(.leading, 30) | ||
.frame(maxWidth: .infinity, alignment: .leading) | ||
|
||
Text(email) | ||
.frame(maxWidth: .infinity, alignment: .leading) | ||
|
||
Text(phoneNumber) | ||
.padding(.leading, 31) | ||
.frame(maxWidth: .infinity, alignment: .leading) | ||
} | ||
.padding(.bottom, 36) | ||
.expoFont(.caption2R) | ||
} | ||
.buttonStyle(PlainButtonStyle()) | ||
.gesture( | ||
DragGesture(minimumDistance: 0) | ||
.onChanged { _ in self.isPressed = true } | ||
.onEnded { _ in | ||
self.isPressed = false | ||
self.action() | ||
} | ||
) | ||
} | ||
} |
155 changes: 143 additions & 12 deletions
155
Projects/App/Sources/Feature/MyPageFeature/Sources/MyPageView.swift
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,32 +1,163 @@ | ||
// | ||
// MyPageView.swift | ||
// Expo-iOS | ||
// | ||
// Created by μμ§μ on 1/15/25. | ||
// Copyright Β© 2025 SchoolofCompany. All rights reserved. | ||
// | ||
|
||
import SwiftUI | ||
import PopupView | ||
|
||
struct MyPageView: View { | ||
@State private var showingTopFirst: Bool = false | ||
|
||
var body: some View { | ||
VStack { | ||
VStack(alignment: .leading, spacing: 0) { | ||
HStack(spacing: 20) { | ||
VStack(alignment: .leading, spacing: 8) { | ||
infoBar(title: "μ΄λ¦", info: "κΉμ§μ") | ||
infoBar(title: "μ΄λ¦", info: "κΉμ§μκΉμ§μκΉμ§μκΉμ§μκΉμ§μκΉμ§μκΉμ§μ") | ||
infoBar(title: "μμ΄λ", info: "jin1234") | ||
infoBar(title: "μ΄λ©μΌ", info: "[email protected]") | ||
} | ||
|
||
Spacer() | ||
|
||
ExpoIOSAsset.Assets.logout.swiftUIImage | ||
.padding(.bottom, 50) | ||
Button { | ||
showingTopFirst.toggle() | ||
} label: { | ||
ExpoIOSAsset.Assets.logout.swiftUIImage | ||
.padding(.bottom, 50) | ||
} | ||
} | ||
.padding(.horizontal, 16) | ||
|
||
Text("νμκ°μ μμ²") | ||
.expoFont(.body2B) | ||
.expoColor(ExpoColor.black) | ||
.padding(.leading, 16) | ||
.padding(.top, 56) | ||
|
||
HStack(spacing: 10) { | ||
ExpoIOSAsset.Assets.warning.swiftUIImage | ||
.padding(.leading, 16) | ||
|
||
Text("μμΌλ‘ λ겨μ νμΈν΄λ³΄μΈμ") | ||
.expoFont(.caption2R) | ||
.expoColor(ExpoColor.gray300) | ||
|
||
Spacer() | ||
|
||
Rectangle() | ||
.frame(width: 1, height: 14) | ||
.expoColor(ExpoColor.gray100) | ||
.padding(.trailing, 14) | ||
|
||
Text("νμκ°μ μμ²") | ||
.expoColor(ExpoColor.gray500) | ||
.expoFont(.caption2R) | ||
|
||
Text("100λͺ ") | ||
.expoColor(ExpoColor.main) | ||
.expoFont(.caption2R) | ||
.padding(.trailing, 31) | ||
} | ||
|
||
ScrollView(.horizontal) { | ||
Rectangle() | ||
.expoColor(ExpoColor.gray600) | ||
.frame(height: 0.4) | ||
.padding(.top, 20) | ||
|
||
HStack(spacing: 39) { | ||
Text("μ±λͺ ") | ||
.expoColor(ExpoColor.gray600) | ||
.expoFont(.caption1B) | ||
.frame(maxWidth: .infinity, alignment: .leading) | ||
|
||
Text("μμ΄λ") | ||
.expoColor(ExpoColor.gray600) | ||
.expoFont(.caption1B) | ||
.frame(maxWidth: .infinity, alignment: .leading) | ||
|
||
Text("μ΄λ©μΌ") | ||
.expoColor(ExpoColor.gray600) | ||
.expoFont(.caption1B) | ||
.frame(maxWidth: .infinity, alignment: .leading) | ||
|
||
Text("ν΄λν° λ²νΈ") | ||
.expoColor(ExpoColor.gray600) | ||
.expoFont(.caption1B) | ||
.frame(maxWidth: .infinity, alignment: .leading) | ||
} | ||
.padding(.leading, 50) | ||
|
||
Rectangle() | ||
.expoColor(ExpoColor.gray600) | ||
.frame(height: 0.4) | ||
|
||
SignInRequestDetail( | ||
programNum: 1, | ||
userName: "κΉμ§μ", | ||
id: "jin1234", | ||
email: "[email protected]", | ||
phoneNumber: "010123456789" | ||
) | ||
|
||
SignInRequestDetail( | ||
programNum: 2, | ||
userName: "κΉμ§μ", | ||
id: "jin1234", | ||
email: "[email protected]", | ||
phoneNumber: "010123456789" | ||
) | ||
} | ||
|
||
Spacer() | ||
} | ||
.padding(.top, 58) | ||
.popup(isPresented: $showingTopFirst) { | ||
VStack(alignment: .leading, spacing: 0) { | ||
Text("μ λ§λ‘ λ‘κ·Έμμ νμκ² μ΅λκΉ?") | ||
.expoFont(.title3B) | ||
Text("λ‘κ·Έμμ νμ κ²½μ° λ€μ λ‘κ·ΈμΈ ν΄μΌνλ κ²½μ°κ° λ°μν©λλ€") | ||
.expoFont(.body2R) | ||
.expoColor(ExpoColor.gray500) | ||
|
||
ExpoOutLineButton( | ||
text: "λ‘κ·Έμμ", | ||
horizontalPadding: 117, | ||
verticalPadding: 14, | ||
backColor: .white, | ||
outLineColor: ExpoColor.error.swiftUIColor, | ||
textColor: ExpoColor.error.swiftUIColor, | ||
actionTextColor: .white, | ||
actionColor: ExpoColor.error.swiftUIColor | ||
) | ||
.padding(.top, 40) | ||
|
||
ExpoOutLineButton( | ||
text: "μ·¨μ", | ||
horizontalPadding: 130, | ||
verticalPadding: 14, | ||
backColor: .white, | ||
outLineColor: ExpoColor.gray700.swiftUIColor, | ||
textColor: ExpoColor.gray700.swiftUIColor, | ||
actionTextColor: .white, | ||
actionColor: ExpoColor.gray700.swiftUIColor | ||
) { | ||
showingTopFirst.toggle() | ||
} | ||
.padding(.top, 8) | ||
} | ||
.padding(.horizontal, 26) | ||
.padding(.vertical, 26) | ||
.background(.white) | ||
.cornerRadius(6) | ||
|
||
} customize: { | ||
$0 | ||
.type(.floater()) | ||
.appearFrom(.bottomSlide) | ||
.position(.center) | ||
.animation(.spring()) | ||
.closeOnTapOutside(true) | ||
.closeOnTap(false) | ||
.backgroundColor(.black.opacity(0.4)) | ||
} | ||
|
||
} | ||
|
||
@ViewBuilder | ||
|
Oops, something went wrong.