* Add expand/collapse UI for reactions - Adds a CollapsibleFlowLayout for controlling the layout - Adds tests for this layout and some mocks for testing layouts generally - Improves the rendering of the reaction buttons which were not pixel perfect - Adds the UI for the expand collapse buttons including the count of hidden items in the collapsed state. * Add comment for reactionsCollapsed binding. * Remove Flow and simplify implementation - Remove SwiftUI-Flow - Add strings by importing from Localyse - Remove count on expand button as requires GeometryReader and can cause loops - Don't use GeometryReader for hiding reactions with opacity(just put them way off screen for now) - Fix unit and UI tests * Address PR comments - use synthesized inits - use rows rather than lines for naming flow layout - other naming improvements - reactions were already rendered in another ui test, removing my test on favour of those and updating the screenshots for those.
45 lines
1.4 KiB
Swift
45 lines
1.4 KiB
Swift
//
|
|
// Copyright 2022 New Vector Ltd
|
|
//
|
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
|
// you may not use this file except in compliance with the License.
|
|
// You may obtain a copy of the License at
|
|
//
|
|
// http://www.apache.org/licenses/LICENSE-2.0
|
|
//
|
|
// Unless required by applicable law or agreed to in writing, software
|
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
// See the License for the specific language governing permissions and
|
|
// limitations under the License.
|
|
//
|
|
|
|
import Foundation
|
|
import SwiftUI
|
|
|
|
/// Used to calculate the frame of a view.
|
|
///
|
|
/// Useful in situations as with `ZStack` where you might want to layout views using alignment guides.
|
|
/// ```
|
|
/// @State private var frame: CGRect = CGRect.zero
|
|
/// ...
|
|
/// SomeView()
|
|
/// .background(ViewFrameReader(frame: $frame))
|
|
/// ```
|
|
struct ViewFrameReader: View {
|
|
@Binding var frame: CGRect
|
|
let coordinateSpace: CoordinateSpace = .local
|
|
|
|
var body: some View {
|
|
GeometryReader { geometry in
|
|
Color.clear
|
|
.preference(key: FramePreferenceKey.self,
|
|
value: geometry.frame(in: coordinateSpace))
|
|
}
|
|
.onPreferenceChange(FramePreferenceKey.self) { newValue in
|
|
guard frame != newValue else { return }
|
|
frame = newValue
|
|
}
|
|
}
|
|
}
|