mirror of
https://github.com/Novaloop-AG/element-x-ios.git
synced 2026-11-03 16:10:20 +00:00
Updates to File Info Bottom Sheet (#5667)
* Updates to File Info Bottom Sheet Removing buttons, changing labels, adding a title * Update the underlying actions rather than fixing it at the screen-level. * Fix the media details sheet height now there's a navigation title. * Record preview snapshots --------- Co-authored-by: Doug <douglase@element.io> Co-authored-by: Element CI <ci@element.io>
This commit is contained in:
+1
-1
@@ -227,7 +227,7 @@ class TimelineMediaPreviewController: QLPreviewController {
|
||||
private func presentMediaDetails(for mediaItem: TimelineMediaPreviewItem.Media) {
|
||||
let safeArea = view.safeAreaInsets.bottom
|
||||
let sheetHeightBinding = Binding { safeArea } set: { [weak self] newValue, _ in
|
||||
self?.detailsHostingController?.sheetPresentationController?.detents = [.height(newValue + safeArea)]
|
||||
self?.detailsHostingController?.sheetPresentationController?.detents = [.height(newValue)]
|
||||
}
|
||||
|
||||
let hostingController = UIHostingController(rootView: TimelineMediaPreviewDetailsView(item: mediaItem,
|
||||
|
||||
+15
-19
@@ -15,20 +15,24 @@ struct TimelineMediaPreviewDetailsView: View {
|
||||
var preferredColorScheme: ColorScheme? = .dark
|
||||
@Binding var sheetHeight: CGFloat
|
||||
|
||||
private let topPadding: CGFloat = 19
|
||||
/// Approximate height of the navigation bar.
|
||||
private let topPadding: CGFloat = 72
|
||||
|
||||
var body: some View {
|
||||
ScrollView {
|
||||
VStack(alignment: .leading, spacing: 0) {
|
||||
details
|
||||
actions
|
||||
ElementNavigationStack {
|
||||
ScrollView {
|
||||
VStack(alignment: .leading, spacing: 0) {
|
||||
details
|
||||
actions
|
||||
}
|
||||
.frame(maxWidth: .infinity, alignment: .leading)
|
||||
.onGeometryChange(for: CGFloat.self, of: \.size.height) { sheetHeight = $0 + topPadding }
|
||||
}
|
||||
.frame(maxWidth: .infinity, alignment: .leading)
|
||||
.readHeight($sheetHeight)
|
||||
.scrollBounceBehavior(.basedOnSize)
|
||||
.navigationTitle(L10n.screenMediaDetailsTitle)
|
||||
.navigationBarTitleDisplayMode(.inline)
|
||||
}
|
||||
.scrollBounceBehavior(.basedOnSize)
|
||||
.padding(.top, topPadding) // For the drag indicator
|
||||
.presentationDetents([.height(sheetHeight + topPadding)])
|
||||
.presentationDetents([.height(sheetHeight)])
|
||||
.presentationDragIndicator(.visible)
|
||||
.presentationBackground(.compound.bgCanvasDefault)
|
||||
.preferredColorScheme(preferredColorScheme)
|
||||
@@ -90,7 +94,6 @@ struct TimelineMediaPreviewDetailsView: View {
|
||||
}
|
||||
}
|
||||
}
|
||||
.padding(.top, 24)
|
||||
.padding(.bottom, 32)
|
||||
.padding(.horizontal, 16)
|
||||
}
|
||||
@@ -142,14 +145,7 @@ struct TimelineMediaPreviewDetailsView: View {
|
||||
let context: TimelineMediaPreviewViewModel.Context
|
||||
|
||||
var body: some View {
|
||||
if action == .share {
|
||||
if let itemURL = item.fileHandle?.url {
|
||||
ShareLink(item: itemURL, message: item.caption.map(Text.init)) {
|
||||
action.label
|
||||
}
|
||||
.buttonStyle(.menuSheet)
|
||||
}
|
||||
} else if action == .save {
|
||||
if action == .downloadMedia {
|
||||
if item.fileHandle?.url != nil {
|
||||
button
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user