import SwiftUI
import FlixyDesign

/// Der erste Buchstabe auf einer Scheibe.
///
/// **Kein Platzhalterbild.** Jellyfin gibt kein Profilbild heraus, ohne dass
/// eines hinterlegt ist, und am Konto führt die App heute keines mit. Ein
/// Buchstabe ist ehrlicher als eine graue Silhouette, die bei jedem gleich
/// aussieht — und man erkennt an ihm wenigstens, mit welchem Konto man
/// angemeldet ist.
///
/// Stand bis eben in `AccountBar` und wird jetzt zweimal gebraucht: dort in
/// der Seitenleiste und auf dem iPhone oben rechts, wo seit dem Wegfall des
/// Einstellungen-Tabs der Weg dorthin liegt.
struct AccountAvatar: View {
    let name: String
    var diameter: CGFloat = 26

    @Environment(\.flixyAccent) private var accent

    var body: some View {
        Text(name.prefix(1).uppercased())
            // Mit der Scheibe wachsen, nicht fest: oben rechts auf dem
            // Telefon ist er grösser als in der Leiste, und ein Buchstabe in
            // Kleinschrift auf einer grossen Scheibe sieht aus wie ein
            // Fehler.
            .font(.system(size: diameter * 0.46, weight: .semibold))
            .foregroundStyle(Color.flixyCanvas)
            .frame(width: diameter, height: diameter)
            .background(accent, in: .circle)
    }
}