passepartout-apple/Passepartout/Library/Sources/AppUIMain/Views/App/ProfileCardView.swift
Davide bd237c4a6f
Fix layout of multiline modules (#916)
- Align to .leading in multi-line
- Wrap profile rows into top/bottom spacers to adjust to tallest cell in
grid

See #915
2024-11-22 13:44:06 +01:00

82 lines
2.1 KiB
Swift

//
// ProfileCardView.swift
// Passepartout
//
// Created by Davide De Rosa on 9/5/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 CommonLibrary
import SwiftUI
struct ProfileCardView: View {
enum Style {
case compact
case full
}
let style: Style
let preview: ProfilePreview
var body: some View {
switch style {
case .compact:
Text(preview.name)
.themeTruncating()
.frame(maxWidth: .infinity, alignment: .leading)
case .full:
VStack(alignment: .leading) {
Text(preview.name)
.font(.headline)
.themeTruncating()
Text(preview.subtitle ?? Strings.Views.Profiles.Rows.noModules)
.multilineTextAlignment(.leading)
.font(.subheadline)
.foregroundStyle(.secondary)
}
.frame(maxWidth: .infinity, alignment: .leading)
}
}
}
// MARK: - Previews
#Preview {
List {
Section {
ProfileCardView(
style: .compact,
preview: .init(.mock)
)
}
Section {
ProfileCardView(
style: .full,
preview: .init(.mock)
)
}
}
.withMockEnvironment()
}