mirror of
https://github.com/Novaloop-AG/element-x-ios.git
synced 2026-11-02 03:06:37 +00:00
Mauro
a2c1ca06dd
* implement a MediaView to delegate at the view level the usage of the content scanner service, to determine how to render the media. * fix for a small design mismatch * fix for greedy error state * updated naming * just making some screenshot that have been affected by a string change on Localazy * pr suggestions + updated strings
71 lines
2.6 KiB
Swift
71 lines
2.6 KiB
Swift
//
|
|
// Copyright 2025 Element Creations Ltd.
|
|
// Copyright 2024-2025 New Vector Ltd.
|
|
//
|
|
// SPDX-License-Identifier: AGPL-3.0-only OR LicenseRef-Element-Commercial.
|
|
// Please see LICENSE files in the repository root for full details.
|
|
//
|
|
|
|
import Compound
|
|
import SwiftUI
|
|
|
|
extension View {
|
|
/// - Parameters:
|
|
/// - isOutgoing: rounds the corners according to the side it shows on, defaults to true
|
|
/// - insets: defaults to what we use for file timeline items, text uses custom values
|
|
/// - color: self explanatory, defaults to subtle secondary
|
|
/// - borderColor: an optional colour for a border around the bubble
|
|
func bubbleBackground(isOutgoing: Bool = true,
|
|
insets: EdgeInsets = .init(top: 8, leading: 12, bottom: 8, trailing: 12),
|
|
color: @autoclosure @MainActor () -> Color? = .compound.bgSubtleSecondary,
|
|
borderColor: @autoclosure @MainActor () -> Color? = nil) -> some View {
|
|
modifier(TimelineItemBubbleBackgroundModifier(isOutgoing: isOutgoing,
|
|
insets: insets,
|
|
color: color(),
|
|
borderColor: borderColor()))
|
|
}
|
|
}
|
|
|
|
private struct TimelineItemBubbleBackgroundModifier: ViewModifier {
|
|
@Environment(\.timelineGroupStyle) private var timelineGroupStyle
|
|
|
|
let isOutgoing: Bool
|
|
let insets: EdgeInsets
|
|
var color: Color?
|
|
var borderColor: Color?
|
|
|
|
func body(content: Content) -> some View {
|
|
content
|
|
.padding(insets)
|
|
.background(color)
|
|
.cornerRadius(12, corners: roundedCorners)
|
|
.overlay {
|
|
if let borderColor {
|
|
RoundedCornerShape(radius: 12, corners: roundedCorners)
|
|
.stroke(borderColor)
|
|
}
|
|
}
|
|
}
|
|
|
|
private var roundedCorners: UIRectCorner {
|
|
switch timelineGroupStyle {
|
|
case .single:
|
|
return .allCorners
|
|
case .first:
|
|
if isOutgoing {
|
|
return [.topLeft, .topRight, .bottomLeft]
|
|
} else {
|
|
return [.topLeft, .topRight, .bottomRight]
|
|
}
|
|
case .middle:
|
|
return isOutgoing ? [.topLeft, .bottomLeft] : [.topRight, .bottomRight]
|
|
case .last:
|
|
if isOutgoing {
|
|
return [.topLeft, .bottomLeft, .bottomRight]
|
|
} else {
|
|
return [.topRight, .bottomLeft, .bottomRight]
|
|
}
|
|
}
|
|
}
|
|
}
|