tyiu/damus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add Edit, Share, and Tap-gesture in Profile pic image viewer

Browse Source 
Add Edit button that navigates onto Profile Page
Add ShareLink button that allows us to Share actual image
Add Tap gesture in profile pic image viewer

Changelog-Added: Add Edit, Share, and Tap-gesture in Profile pic image viewer
Signed-off-by: Swift Coder <scoder1747@gmail.com>
This commit is contained in:
Swift Coder
2024-10-27 09:05:35 -04:00
committed by Daniel D’Aquino
parent 3b62945e5b
commit 6f04455350
2 changed files with 48 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
damus/Views/Images/ProfilePicImageView.swift
View File

@@ -10,8 +10,7 @@ import Kingfisher
struct ProfileImageContainerView: View {
let url: URL?
let settings: UserSettingsStore
@State private var image: UIImage?
@Binding var image: UIImage?
@State private var showShareSheet = false
private struct ImageHandler: ImageModifier {
@@ -84,6 +83,10 @@ struct ProfilePicImageView: View {
let pubkey: Pubkey
let profiles: Profiles
let settings: UserSettingsStore
let nav: NavigationCoordinator
let shouldShowEditButton: Bool
@State var image: UIImage?
@State var showMenu = true
@Environment(\.presentationMode) var presentationMode
@@ -93,18 +96,57 @@ struct ProfilePicImageView: View {
.ignoresSafeArea()
ZoomableScrollView {
ProfileImageContainerView(url: get_profile_url(picture: nil, pubkey: pubkey, profiles: profiles), settings: settings)
ProfileImageContainerView(url: get_profile_url(picture: nil, pubkey: pubkey, profiles: profiles), settings: settings, image: $image)
.aspectRatio(contentMode: .fit)
.padding(.top, Theme.safeAreaInsets?.top)
.padding(.bottom, Theme.safeAreaInsets?.bottom)
.padding(.horizontal)
.allowsHitTesting(false)
}
.ignoresSafeArea()
.modifier(SwipeToDismissModifier(minDistance: 50, onDismiss: {
presentationMode.wrappedValue.dismiss()
}))
}
.overlay(NavDismissBarView(navDismissBarContainer: .profilePicImageView), alignment: .top)
.overlay(
Group {
if showMenu {
HStack {
NavDismissBarView(navDismissBarContainer: .profilePicImageView)
if let image = image {
ShareLink(item: Image(uiImage: image),
preview: SharePreview(NSLocalizedString("Damus Profile", comment: "Label for the preview of the profile picture"), image: Image(uiImage: image))) {
Image(systemName: "ellipsis")
.frame(width: 33, height: 33)
.background(.regularMaterial)
.clipShape(Circle())
}
.padding(20)
}
}
}
},
alignment: .top
)
.overlay(
shouldShowEditButton && showMenu ?
Button(action: {
presentationMode.wrappedValue.dismiss()
nav.push(route: Route.EditMetadata)
}) {
Text("Edit", comment: "Edit Button for editing profile")
.font(.system(size: 16, weight: .bold))
.foregroundColor(Color("DamusPurple"))
Spacer()
}
.padding([.vertical, .leading], 20)
: nil,
alignment: .bottomLeading
)
.gesture(TapGesture(count: 1).onEnded {
showMenu.toggle()
})
.animation(.easeInOut, value: showMenu)
}
}
@@ -113,7 +155,6 @@ struct ProfileZoomView_Previews: PreviewProvider {
ProfilePicImageView(
pubkey: test_pubkey,
profiles: make_preview_profiles(test_pubkey),
settings: test_damus_state.settings
)
settings: test_damus_state.settings, nav: test_damus_state.nav, shouldShowEditButton: true)
}
}

2
damus/Views/Profile/ProfileView.swift
View File

@@ -298,7 +298,7 @@ struct ProfileView: View {
is_zoomed.toggle()
}
.fullScreenCover(isPresented: $is_zoomed) {
ProfilePicImageView(pubkey: profile.pubkey, profiles: damus_state.profiles, settings: damus_state.settings)
ProfilePicImageView(pubkey: profile.pubkey, profiles: damus_state.profiles, settings: damus_state.settings, nav: damus_state.nav, shouldShowEditButton: damus_state.pubkey == profile.pubkey)
}
Spacer()