ca5dfbe7f0
* Tweak invites button frame and padding * Implement persistent selections on the room list * Stop showing rooms when focusing the room list search field with an empty query * Tweaks after code review * Improve invite button UI * Fix unit tests
65 lines
2.0 KiB
Swift
65 lines
2.0 KiB
Swift
//
|
|
// Copyright 2023 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 SwiftUI
|
|
|
|
struct HomeScreenInvitesButton: View {
|
|
@ScaledMetric private var badgeSize = 12.0
|
|
|
|
let title: String
|
|
let hasBadge: Bool
|
|
let action: () -> Void
|
|
|
|
var body: some View {
|
|
Button(action: action) {
|
|
HStack(spacing: 8.0) {
|
|
Text(title)
|
|
.foregroundColor(.compound.textPrimary)
|
|
.font(.compound.bodyMDSemibold)
|
|
|
|
if hasBadge {
|
|
badge
|
|
}
|
|
}
|
|
.padding(.trailing, 16.0)
|
|
.padding(.leading, 64.0)
|
|
.padding(.vertical, 8.0)
|
|
}
|
|
}
|
|
|
|
// MARK: - Private
|
|
|
|
private var badge: some View {
|
|
Circle()
|
|
.frame(width: badgeSize, height: badgeSize)
|
|
.foregroundColor(.compound.iconAccentTertiary)
|
|
}
|
|
}
|
|
|
|
struct HomeScreenInvitesButton_Previews: PreviewProvider {
|
|
static var previews: some View {
|
|
HomeScreenInvitesButton(title: "Invites", hasBadge: true, action: { })
|
|
.previewDisplayName("Badge on")
|
|
|
|
HomeScreenInvitesButton(title: "Invites", hasBadge: false, action: { })
|
|
.previewDisplayName("Badge off")
|
|
|
|
HomeScreenInvitesButton(title: "Invites", hasBadge: true, action: { })
|
|
.previewDisplayName("Badge on (AX1)")
|
|
.dynamicTypeSize(.accessibility1)
|
|
}
|
|
}
|