Add icons for Preferences sections

This commit is contained in:
Shadowfacts 2024-04-15 00:12:56 -04:00
parent ee7bf5138c
commit 66f0ba6891
1 changed files with 41 additions and 9 deletions

View File

@ -94,24 +94,24 @@ struct PreferencesView: View {
private var preferencesSection: some View { private var preferencesSection: some View {
Section { Section {
NavigationLink(destination: AppearancePrefsView()) { NavigationLink(destination: AppearancePrefsView()) {
Text("Appearance") PreferenceSectionLabel(title: "Appearance", systemImageName: "textformat", backgroundColor: .indigo)
} }
NavigationLink(destination: BehaviorPrefsView()) { NavigationLink(destination: BehaviorPrefsView()) {
Text("Behavior") PreferenceSectionLabel(title: "Behavior", systemImageName: "flowchart.fill", backgroundColor: .green)
} }
NavigationLink(isActive: $navigationState.showNotificationPreferences) { NavigationLink(isActive: $navigationState.showNotificationPreferences) {
NotificationsPrefsView() NotificationsPrefsView()
} label: { } label: {
Text("Notifications") PreferenceSectionLabel(title: "Notifications", systemImageName: "bell.fill", backgroundColor: .red)
} }
NavigationLink(destination: ComposingPrefsView()) { NavigationLink(destination: ComposingPrefsView()) {
Text("Composing") PreferenceSectionLabel(title: "Composing", systemImageName: "pencil", backgroundColor: .blue)
} }
NavigationLink(destination: WellnessPrefsView()) { NavigationLink(destination: WellnessPrefsView()) {
Text("Digital Wellness") PreferenceSectionLabel(title: "Digital Wellness", systemImageName: "brain.fill", backgroundColor: .purple)
} }
NavigationLink(destination: AdvancedPrefsView()) { NavigationLink(destination: AdvancedPrefsView()) {
Text("Advanced") PreferenceSectionLabel(title: "Advanced", systemImageName: "gearshape.2.fill", backgroundColor: .gray)
} }
} }
.appGroupedListRowBackground() .appGroupedListRowBackground()
@ -119,14 +119,28 @@ struct PreferencesView: View {
private var aboutSection: some View { private var aboutSection: some View {
Section { Section {
NavigationLink("About") { NavigationLink {
AboutView() AboutView()
} label: {
Label {
Text("About")
} icon: {
Image("AboutIcon")
.resizable()
.clipShape(RoundedRectangle(cornerRadius: 6))
.frame(width: 30, height: 30)
} }
NavigationLink("Tip Jar") { }
NavigationLink {
TipJarView() TipJarView()
} label: {
// TODO: custom tip jar icon?
PreferenceSectionLabel(title: "Tip Jar", systemImageName: "dollarsign.square.fill", backgroundColor: .yellow)
} }
NavigationLink("Acknowledgements") { NavigationLink {
AcknowledgementsView() AcknowledgementsView()
} label: {
PreferenceSectionLabel(title: "Acknowledgements", systemImageName: "doc.text.fill", backgroundColor: .gray)
} }
} }
.appGroupedListRowBackground() .appGroupedListRowBackground()
@ -137,6 +151,24 @@ struct PreferencesView: View {
} }
} }
private struct PreferenceSectionLabel: View {
let title: LocalizedStringKey
let systemImageName: String
let backgroundColor: Color
var body: some View {
Label {
Text(title)
} icon: {
Image(systemName: systemImageName)
.imageScale(.medium)
.foregroundStyle(.white)
.frame(width: 30, height: 30)
.background(backgroundColor, in: RoundedRectangle(cornerRadius: 6))
}
}
}
//#if DEBUG //#if DEBUG
//struct PreferencesView_Previews : PreviewProvider { //struct PreferencesView_Previews : PreviewProvider {
// static var previews: some View { // static var previews: some View {