ehealthsolutions/element-x-ios
3
0
Fork 0
mirror of https://github.com/Novaloop-AG/element-x-ios.git synced 2026-11-02 21:06:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

implemented the UI to render the formatted floating date

Browse Source
This commit is contained in:
Mauro Romito
2026-03-27 17:19:33 +01:00
committed by Mauro
parent e3a8c7f423
commit 96a13f718e
13 changed files with 148 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
ElementX/Sources/Other/SwiftUI/Views/TopBannerModifier.swift
+42 -9
View File
@@ -7,20 +7,53 @@
import SwiftUI
/// A single banner item to be displayed in a `topBanners` overlay.
struct TopBannerItem {
var banner: AnyView
var isVisible: Bool
init(_ banner: some View, isVisible: Bool) {
self.banner = AnyView(banner)
self.isVisible = isVisible
}
}
extension View {
/// Overlays the given banner view at the top edge of this view, using a
/// slide from the top edge when `isVisible` is toggled.
func topBanner(_ banner: some View, isVisible: Bool) -> some View {
overlay(alignment: .top) {
ZStack {
if isVisible {
banner.transition(.move(edge: .top))
} else {
// An equal amount of space needs to be reserved in order for the transition to work.
banner.hidden()
func topBanner(_ banner: some View, isVisible: Bool, footer: some View = EmptyView()) -> some View {
topBanners([TopBannerItem(banner, isVisible: isVisible)], footer: footer)
}
/// Overlays the given banner views at the top edge of this view. Each banner
/// slides from the top edge based on its own `isVisible` flag. Later items in
/// the array are overlayed on top of earlier ones. The footer is shared across
/// all banners and displayed below the topmost visible banner.
func topBanners(_ items: [TopBannerItem], footer: some View = EmptyView()) -> some View {
let anyBannerVisible = items.contains { $0.isVisible }
return overlay(alignment: .top) {
ZStack(alignment: .top) {
// Visible layout
VStack(spacing: 0) {
ZStack(alignment: .top) {
ForEach(Array(items.enumerated()), id: \.offset) { _, item in
if item.isVisible {
item.banner
.transition(.move(edge: .top))
}
}
}
footer
// Banners include a 28 padding to include shadows in their size
// so we need to remove 28 if any is visible
.padding(.top, anyBannerVisible ? -15 : 13)
}
// Hidden layout used for sizing when no banner is visible
Color.clear
.hidden()
.allowsHitTesting(false)
}
.animation(.elementDefault, value: isVisible)
.animation(.elementDefault, value: items.map(\.isVisible))
.clipped()
}
}