passepartout-apple/Passepartout/Library/Sources/AppUI/Views/App/AppToolbar.swift
Davide d14f22d4a1
Use gear icon for iOS About (#684)
Resolve a discrepancy between iPhone and iPad. Leave the info icon on
macOS, where Settings are separate.
2024-10-04 18:27:09 +02:00

118 lines
2.8 KiB
Swift

//
// AppToolbar.swift
// Passepartout
//
// Created by Davide De Rosa on 9/7/24.
// Copyright (c) 2024 Davide De Rosa. All rights reserved.
//
// https://github.com/passepartoutvpn
//
// This file is part of Passepartout.
//
// Passepartout is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Passepartout is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Passepartout. If not, see <http://www.gnu.org/licenses/>.
//
import AppLibrary
import PassepartoutKit
import SwiftUI
struct AppToolbar: ToolbarContent {
@Environment(\.horizontalSizeClass)
private var hsClass
@Environment(\.verticalSizeClass)
private var vsClass
let profileManager: ProfileManager
@Binding
var layout: ProfilesLayout
@Binding
var isImporting: Bool
let onSettings: () -> Void
let onAbout: () -> Void
let onNewProfile: (Profile) -> Void
var body: some ToolbarContent {
if hsClass == .regular && vsClass == .regular {
ToolbarItemGroup {
addProfileMenu
aboutButton
layoutPicker
}
} else {
ToolbarItem(placement: .navigation) {
aboutButton
}
ToolbarItemGroup(placement: .primaryAction) {
addProfileMenu
layoutPicker
}
}
}
}
private extension AppToolbar {
var addProfileMenu: some View {
AddProfileMenu(
profileManager: profileManager,
isImporting: $isImporting,
onNewProfile: onNewProfile
)
}
var settingsButton: some View {
Button(action: onSettings) {
ThemeImage(.settings)
}
}
var aboutButton: some View {
Button(action: onAbout) {
#if os(iOS)
ThemeImage(.settings)
#else
ThemeImage(.info)
#endif
}
}
var layoutPicker: some View {
ProfilesLayoutPicker(layout: $layout)
}
}
#Preview {
NavigationStack {
Text("AppToolbar")
.toolbar {
AppToolbar(
profileManager: .mock,
layout: .constant(.list),
isImporting: .constant(false),
onSettings: {},
onAbout: {},
onNewProfile: { _ in}
)
}
.frame(width: 600, height: 400)
}
.withMockEnvironment()
}