Add setting for disabling thumbnails rounding

Shared/Defaults.swift

@@ -41,12 +41,13 @@ extension Defaults.Keys {
     #endif
     static let channelOnThumbnail = Key<Bool>("channelOnThumbnail", default: true)
     static let timeOnThumbnail = Key<Bool>("timeOnThumbnail", default: true)
-    static let showHistoryInPlayer = Key<Bool>("showHistoryInPlayer", default: false)
+    static let roundedThumbnails = Key<Bool>("roundedThumbnails", default: true)
 
     static let quality = Key<ResolutionSetting>("quality", default: .best)
     static let playerSidebar = Key<PlayerSidebarSetting>("playerSidebar", default: PlayerSidebarSetting.defaultValue)
     static let playerInstanceID = Key<Instance.ID?>("playerInstance")
     static let showKeywords = Key<Bool>("showKeywords", default: false)
+    static let showHistoryInPlayer = Key<Bool>("showHistoryInPlayer", default: false)
     static let showChannelSubscribers = Key<Bool>("showChannelSubscribers", default: true)
     static let commentsInstanceID = Key<Instance.ID?>("commentsInstance", default: kavinPipedInstanceID)
     #if !os(tvOS)
@@ -104,7 +105,7 @@ enum ResolutionSetting: String, CaseIterable, Defaults.Serializable {
     var description: String {
         switch self {
         case .best:
-            return "Best available"
+            return "Best available quality"
         default:
             return value.name
         }

Shared/Settings/BrowsingSettings.swift

@@ -4,6 +4,7 @@ import SwiftUI
 struct BrowsingSettings: View {
     #if !os(tvOS)
         @Default(.accountPickerDisplaysUsername) private var accountPickerDisplaysUsername
+        @Default(.roundedThumbnails) private var roundedThumbnails
     #endif
     #if os(iOS)
         @Default(.lockPortraitWhenBrowsing) private var lockPortraitWhenBrowsing
@@ -14,10 +15,37 @@ struct BrowsingSettings: View {
 
     var body: some View {
         Group {
-            Section(header: SettingsHeader(text: "Browsing")) {
+            #if os(macOS)
-                #if !os(tvOS)
+                sections
-                    Toggle("Show username in the account picker button", isOn: $accountPickerDisplaysUsername)
+            #else
+                List {
+                    sections
+                }
+                #if os(iOS)
+                .listStyle(.insetGrouped)
                 #endif
+            #endif
+        }
+        #if os(tvOS)
+        .frame(maxWidth: 1000)
+        #else
+        .frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
+        #endif
+        .navigationTitle("Browsing")
+    }
+
+    private var sections: some View {
+        Group {
+            #if !os(tvOS)
+                interfaceSettings
+            #endif
+            thumbnailsSettings
+            visibleSectionsSettings
+        }
+    }
+
+    private var interfaceSettings: some View {
+        Section(header: SettingsHeader(text: "Interface")) {
             #if os(iOS)
                 Toggle("Lock portrait mode", isOn: $lockPortraitWhenBrowsing)
                     .onChange(of: lockPortraitWhenBrowsing) { lock in
@@ -28,9 +56,24 @@ struct BrowsingSettings: View {
                         }
                     }
             #endif
-                Toggle("Show channel name on thumbnail", isOn: $channelOnThumbnail)
+
-                Toggle("Show video length on thumbnail", isOn: $timeOnThumbnail)
+            #if !os(tvOS)
+                Toggle("Show account username", isOn: $accountPickerDisplaysUsername)
+            #endif
         }
+    }
+
+    private var thumbnailsSettings: some View {
+        Section(header: SettingsHeader(text: "Thumbnails")) {
+            #if !os(tvOS)
+                Toggle("Round corners", isOn: $roundedThumbnails)
+            #endif
+            Toggle("Show channel name", isOn: $channelOnThumbnail)
+            Toggle("Show video length", isOn: $timeOnThumbnail)
+        }
+    }
+
+    private var visibleSectionsSettings: some View {
         Section(header: SettingsHeader(text: "Sections")) {
             #if os(macOS)
                 let list = ForEach(VisibleSection.allCases, id: \.self) { section in
@@ -65,10 +108,8 @@ struct BrowsingSettings: View {
             #endif
         }
     }
-        .frame(minWidth: 0, maxWidth: .infinity, alignment: .leading)
-    }
 
-    func toggleSection(_ section: VisibleSection, value: Bool) {
+    private func toggleSection(_ section: VisibleSection, value: Bool) {
         if value {
             visibleSections.insert(section)
         } else {

Shared/Videos/VideoCell.swift

@@ -18,6 +18,7 @@ struct VideoCell: View {
 
     @Default(.channelOnThumbnail) private var channelOnThumbnail
     @Default(.timeOnThumbnail) private var timeOnThumbnail
+    @Default(.roundedThumbnails) private var roundedThumbnails
     @Default(.saveHistory) private var saveHistory
     @Default(.showWatchingProgress) private var showWatchingProgress
     @Default(.watchedVideoStyle) private var watchedVideoStyle
@@ -39,7 +40,7 @@ struct VideoCell: View {
         }
         .opacity(contentOpacity)
         .buttonStyle(.plain)
-        .contentShape(RoundedRectangle(cornerRadius: 12))
+        .contentShape(RoundedRectangle(cornerRadius: thumbnailRoundingCornerRadius))
         .contextMenu {
             VideoContextMenuView(
                 video: video,
@@ -49,6 +50,14 @@ struct VideoCell: View {
         }
     }
 
+    private var thumbnailRoundingCornerRadius: Double {
+        #if os(tvOS)
+            return Double(12)
+        #else
+            return Double(roundedThumbnails ? 12 : 0)
+        #endif
+    }
+
     private func playAction() {
         if watchingNow {
             if !player.playingInPictureInPicture {
@@ -389,7 +398,7 @@ struct VideoCell: View {
                 .font(.system(size: 30))
             }
         }
-        .mask(RoundedRectangle(cornerRadius: 12))
+        .mask(RoundedRectangle(cornerRadius: thumbnailRoundingCornerRadius))
         .modifier(AspectRatioModifier())
     }