improved into AccountView
This commit is contained in:
Lumaa
GitHub
parent
a2ee1a092b
commit
5fdaebfaec
|
|
@ -1,223 +0,0 @@
|
|||
//Made by Lumaa
|
||||
|
||||
import SwiftUI
|
||||
|
||||
struct ProfileView: View {
|
||||
// @Environment(Client.self) private var client: Client
|
||||
|
||||
@Namespace var accountAnims
|
||||
@Namespace var animPicture
|
||||
|
||||
@State private var navigator: Navigator = Navigator()
|
||||
@State private var biggerPicture: Bool = false
|
||||
@State private var location: CGPoint = .zero
|
||||
|
||||
@State var account: Account
|
||||
@State private var serverAccount: String = ""
|
||||
private let isCurrent: Bool = true
|
||||
private let animPicCurve = Animation.smooth(duration: 0.25, extraBounce: 0.0)
|
||||
|
||||
var body: some View {
|
||||
NavigationStack(path: $navigator.path) {
|
||||
ZStack (alignment: .center) {
|
||||
Color.appBackground
|
||||
.ignoresSafeArea()
|
||||
|
||||
if account != Account.placeholder() {
|
||||
if biggerPicture {
|
||||
big
|
||||
} else {
|
||||
wholeSmall
|
||||
}
|
||||
} else {
|
||||
loading
|
||||
}
|
||||
}
|
||||
}
|
||||
.refreshable {
|
||||
await reloadProfile()
|
||||
}
|
||||
.task {
|
||||
await reloadProfile()
|
||||
}
|
||||
.environment(navigator)
|
||||
.navigationBarTitleDisplayMode(.inline)
|
||||
.toolbarBackground(Color.appBackground, for: .navigationBar)
|
||||
.toolbarBackground(.automatic, for: .navigationBar)
|
||||
}
|
||||
|
||||
func reloadProfile() async {
|
||||
if isCurrent {
|
||||
do {
|
||||
if let saved: AppAccount = try AppAccount.loadAsCurrent() {
|
||||
serverAccount = saved.server
|
||||
let cli: Client = Client(server: saved.server, oauthToken: saved.oauthToken)
|
||||
let acc: Account? = try await cli.get(endpoint: Accounts.verifyCredentials)
|
||||
account = acc ?? Account.placeholder()
|
||||
}
|
||||
} catch {
|
||||
print(error)
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// MARK: - Headers
|
||||
|
||||
var wholeSmall: some View {
|
||||
ScrollView {
|
||||
VStack {
|
||||
unbig
|
||||
|
||||
HStack {
|
||||
Text(account.note.asRawText)
|
||||
.font(.body)
|
||||
.multilineTextAlignment(.leading)
|
||||
|
||||
Spacer()
|
||||
}
|
||||
}
|
||||
.safeAreaPadding(.vertical)
|
||||
.padding(.horizontal)
|
||||
.offset(y: 50)
|
||||
.overlay(alignment: .top) {
|
||||
HStack {
|
||||
Button {
|
||||
navigator.navigate(to: .privacy)
|
||||
} label: {
|
||||
Image(systemName: "globe")
|
||||
.font(.title2)
|
||||
}
|
||||
|
||||
Spacer() // middle seperation
|
||||
|
||||
Button {
|
||||
navigator.navigate(to: .settings)
|
||||
} label: {
|
||||
Image(systemName: "text.alignright")
|
||||
.font(.title2)
|
||||
}
|
||||
}
|
||||
.tint(Color(uiColor: UIColor.label))
|
||||
.safeAreaPadding()
|
||||
.background(Color.appBackground)
|
||||
}
|
||||
}
|
||||
.withAppRouter()
|
||||
}
|
||||
|
||||
var loading: some View {
|
||||
ScrollView {
|
||||
VStack {
|
||||
unbig
|
||||
.redacted(reason: .placeholder)
|
||||
|
||||
HStack {
|
||||
Text(account.note.asRawText)
|
||||
.font(.body)
|
||||
.multilineTextAlignment(.leading)
|
||||
.redacted(reason: .placeholder)
|
||||
|
||||
Spacer()
|
||||
}
|
||||
}
|
||||
.safeAreaPadding(.vertical)
|
||||
.padding(.horizontal)
|
||||
.offset(y: 50)
|
||||
.overlay(alignment: .top) {
|
||||
HStack {
|
||||
Button {
|
||||
navigator.navigate(to: .privacy)
|
||||
} label: {
|
||||
Image(systemName: "globe")
|
||||
.font(.title2)
|
||||
}
|
||||
.disabled(true)
|
||||
|
||||
Spacer() // middle seperation
|
||||
|
||||
Button {
|
||||
navigator.navigate(to: .settings)
|
||||
} label: {
|
||||
Image(systemName: "text.alignright")
|
||||
.font(.title2)
|
||||
}
|
||||
.disabled(true)
|
||||
}
|
||||
.safeAreaPadding()
|
||||
.background(Color.appBackground)
|
||||
}
|
||||
}
|
||||
.withAppRouter()
|
||||
}
|
||||
|
||||
var unbig: some View {
|
||||
HStack {
|
||||
if account.displayName != nil {
|
||||
VStack(alignment: .leading) {
|
||||
Text(account.displayName!)
|
||||
.font(.title2.bold())
|
||||
.multilineTextAlignment(.leading)
|
||||
.lineLimit(1)
|
||||
|
||||
HStack(alignment: .center) {
|
||||
Text("\(account.username)")
|
||||
.font(.body)
|
||||
.multilineTextAlignment(.leading)
|
||||
|
||||
Text("\(serverAccount)")
|
||||
.font(.caption)
|
||||
.foregroundStyle(Color.gray)
|
||||
.multilineTextAlignment(.leading)
|
||||
.pill()
|
||||
}
|
||||
}
|
||||
} else {
|
||||
Text(account.acct)
|
||||
.font(.headline)
|
||||
}
|
||||
|
||||
Spacer()
|
||||
|
||||
profilePicture
|
||||
.frame(width: 75, height: 75)
|
||||
}
|
||||
}
|
||||
|
||||
var big: some View {
|
||||
ZStack (alignment: .center) {
|
||||
Rectangle()
|
||||
.fill(Material.ultraThin)
|
||||
.ignoresSafeArea()
|
||||
.onTapGesture {
|
||||
withAnimation(animPicCurve) {
|
||||
biggerPicture.toggle()
|
||||
}
|
||||
}
|
||||
|
||||
profilePicture
|
||||
.frame(width: 300, height: 300)
|
||||
}
|
||||
.zIndex(20)
|
||||
}
|
||||
|
||||
var profilePicture: some View {
|
||||
OnlineImage(url: account.avatar)
|
||||
.clipShape(.circle)
|
||||
.matchedGeometryEffect(id: animPicture, in: accountAnims)
|
||||
.onTapGesture {
|
||||
withAnimation(animPicCurve) {
|
||||
biggerPicture.toggle()
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
private extension View {
|
||||
func pill() -> some View {
|
||||
self
|
||||
.padding([.horizontal], 10)
|
||||
.padding([.vertical], 5)
|
||||
.background(Color(uiColor: UIColor.label).opacity(0.1))
|
||||
.clipShape(.capsule)
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue