// // ProfileAttributesView.swift // Passepartout // // Created by Davide De Rosa on 11/10/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 . // import SwiftUI struct ProfileAttributesView: View { enum Attribute { case shared case tv } let attributes: [Attribute] let isRemoteImportingEnabled: Bool var body: some View { if !attributes.isEmpty { ZStack(alignment: .centerFirstTextBaseline) { Group { ThemeImage(.cloudOn) ThemeImage(.cloudOff) ThemeImage(.tvOn) ThemeImage(.tvOff) } .hidden() HStack(alignment: .firstTextBaseline) { ForEach(imageModels, id: \.name) { ThemeImage($0.name) .help($0.help) } } } .foregroundStyle(.secondary) } } var imageModels: [(name: Theme.ImageName, help: String)] { attributes.map { switch $0 { case .shared: return ( isRemoteImportingEnabled ? .cloudOn : .cloudOff, Strings.Modules.General.Rows.shared ) case .tv: return ( isRemoteImportingEnabled ? .tvOn : .tvOff, Strings.Modules.General.Rows.appleTv(Strings.Unlocalized.appleTV) ) } } } } #Preview { struct ContentView: View { @State private var isRemoteImportingEnabled = false let timer = Timer.publish(every: 1, on: .main, in: .common) .autoconnect() var body: some View { ProfileAttributesView( attributes: [.shared, .tv], isRemoteImportingEnabled: isRemoteImportingEnabled ) .onReceive(timer) { _ in isRemoteImportingEnabled.toggle() } .border(.black) .padding() .withMockEnvironment() } } return ContentView() } #Preview("Row Alignment") { IconsPreview() .withMockEnvironment() } struct IconsPreview: View { var body: some View { Form { HStack(alignment: .firstTextBaseline) { ThemeImage(.cloudOn) ThemeImage(.cloudOff) ThemeImage(.tvOn) ThemeImage(.tvOff) ThemeImage(.info) } } .themeForm() } }