Add settings for selecting visible sections (fixes #16)

Shared/Settings/BrowsingSettings.swift

@@ -4,42 +4,98 @@ import SwiftUI
 struct BrowsingSettings: View {
     @Default(.channelOnThumbnail) private var channelOnThumbnail
     @Default(.timeOnThumbnail) private var timeOnThumbnail
-    #if os(iOS)
-        @Default(.tabNavigationSection) private var tabNavigationSection
-    #endif
+    @Default(.saveHistory) private var saveHistory
+    @Default(.visibleSections) private var visibleSections
 
     var body: some View {
-        Section(header: SettingsHeader(text: "Browsing"), footer: footer) {
-            Toggle("Display channel names on thumbnails", isOn: $channelOnThumbnail)
-            Toggle("Display video length on thumbnails", isOn: $timeOnThumbnail)
+        Group {
+            Section(header: SettingsHeader(text: "Browsing")) {
+                Toggle("Show channel name on thumbnail", isOn: $channelOnThumbnail)
+                Toggle("Show video length on thumbnail", isOn: $timeOnThumbnail)
+                Toggle("Save history of played videos", isOn: $saveHistory)
+            }
+            Section(header: SettingsHeader(text: "Sections")) {
+                #if os(macOS)
+                    let list = List(VisibleSection.allCases, id: \.self) { section in
+                        VisibleSectionSelectionRow(
+                            title: section.title,
+                            selected: visibleSections.contains(section)
+                        ) { value in
+                            toggleSection(section, value: value)
+                        }
+                    }
 
-            #if os(iOS)
-                preferredTabPicker
-            #endif
-        }
-        .frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
-
-        #if os(macOS)
-            Spacer()
-        #endif
-    }
-
-    var footer: some View {
-        #if os(iOS)
-            Text("This tab will be displayed when there is no space to display all tabs")
-        #else
-            EmptyView()
-        #endif
-    }
-
-    #if os(iOS)
-        var preferredTabPicker: some View {
-            Picker("Preferred tab", selection: $tabNavigationSection) {
-                Text("Trending").tag(TabNavigationSectionSetting.trending)
-                Text("Popular").tag(TabNavigationSectionSetting.popular)
+                    Group {
+                        if #available(macOS 12.0, *) {
+                            list
+                                .listStyle(.inset(alternatesRowBackgrounds: true))
+                        } else {
+                            list
+                                .listStyle(.inset)
+                        }
+                    }
+                #else
+                    ForEach(VisibleSection.allCases, id: \.self) { section in
+                        VisibleSectionSelectionRow(
+                            title: section.title,
+                            selected: visibleSections.contains(section)
+                        ) { value in
+                            toggleSection(section, value: value)
+                        }
+                    }
+                #endif
             }
         }
-    #endif
+        .frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
+    }
+
+    func toggleSection(_ section: VisibleSection, value: Bool) {
+        if value {
+            visibleSections.insert(section)
+        } else {
+            visibleSections.remove(section)
+        }
+    }
+
+    struct VisibleSectionSelectionRow: View {
+        let title: String
+        let selected: Bool
+        var action: (Bool) -> Void
+
+        @State private var toggleChecked = false
+
+        var body: some View {
+            Button(action: { action(!selected) }) {
+                HStack {
+                    #if os(macOS)
+                        Toggle(isOn: $toggleChecked) {
+                            Text(self.title)
+                            Spacer()
+                        }
+                        .onAppear {
+                            toggleChecked = selected
+                        }
+                        .onChange(of: toggleChecked) { new in
+                            action(new)
+                        }
+                    #else
+                        Text(self.title)
+                        Spacer()
+                        if selected {
+                            Image(systemName: "checkmark")
+                            #if os(iOS)
+                                .foregroundColor(.accentColor)
+                            #endif
+                        }
+                    #endif
+                }
+                .contentShape(Rectangle())
+            }
+            #if !os(tvOS)
+            .buttonStyle(.plain)
+            #endif
+        }
+    }
 }
 
 struct BrowsingSettings_Previews: PreviewProvider {

Shared/Settings/PlaybackSettings.swift

@@ -27,7 +27,6 @@ struct PlaybackSettings: View {
                     }
 
                     keywordsToggle
-                    saveHistoryToggle
                 }
             #else
                 Section(header: SettingsHeader(text: "Source")) {
@@ -45,7 +44,6 @@ struct PlaybackSettings: View {
                 #endif
 
                 keywordsToggle
-                saveHistoryToggle
             #endif
         }
 
@@ -109,10 +107,6 @@ struct PlaybackSettings: View {
     private var keywordsToggle: some View {
         Toggle("Show video keywords", isOn: $showKeywords)
     }
-
-    private var saveHistoryToggle: some View {
-        Toggle("Save history of played videos", isOn: $saveHistory)
-    }
 }
 
 struct PlaybackSettings_Previews: PreviewProvider {