Search and trending menus for iOS

Shared/Search/SearchTextField.swift

@@ -2,17 +2,9 @@ import Repeat
 import SwiftUI
 
 struct SearchTextField: View {
-    @Environment(\.navigationStyle) private var navigationStyle
-
     private var navigation = NavigationModel.shared
     @ObservedObject private var state = SearchModel.shared
 
-    @Binding var favoriteItem: FavoriteItem?
-
-    init(favoriteItem: Binding<FavoriteItem?>? = nil) {
-        _favoriteItem = favoriteItem ?? .constant(nil)
-    }
-
     var body: some View {
         ZStack {
             #if os(macOS)
@@ -41,19 +33,10 @@ struct SearchTextField: View {
                     .textFieldStyle(.plain)
                 #else
                     .textFieldStyle(.roundedBorder)
-                    .padding(.leading)
-                    .padding(.trailing, 15)
+                    .padding(.leading, 5)
+                    .padding(.trailing, 10)
                 #endif
 
-                if let favoriteItem {
-                    #if os(iOS)
-                        FavoriteButton(item: favoriteItem)
-                            .id(favoriteItem.id)
-                            .labelStyle(.iconOnly)
-                            .padding(.trailing)
-                    #endif
-                }
-
                 if !state.queryText.isEmpty {
                     clearButton
                 } else {
@@ -64,7 +47,6 @@ struct SearchTextField: View {
                 }
             }
         }
-        .padding(.top, navigationStyle == .tab ? 10 : 0)
     }
 
     private var fieldBorder: some View {
@@ -83,17 +65,16 @@ struct SearchTextField: View {
             self.state.queryText = ""
         }) {
             Image(systemName: "xmark.circle.fill")
-                .resizable()
-                .aspectRatio(contentMode: .fit)
             #if os(macOS)
-                .frame(width: 14, height: 14)
+                .imageScale(.small)
             #else
-                .frame(width: 18, height: 18)
+                .imageScale(.medium)
             #endif
-                .padding(.trailing, 3)
         }
         .buttonStyle(PlainButtonStyle())
-        .padding(.trailing, 10)
-        .opacity(0.7)
+        #if os(macOS)
+            .padding(.trailing, 10)
+        #endif
+            .opacity(0.7)
     }
 }

Shared/Search/SearchView.swift

@@ -37,27 +37,9 @@ struct SearchView: View {
     }
 
     var body: some View {
-        BrowserPlayerControls(toolbar: {
-            #if os(iOS)
-                if accounts.app.supportsSearchFilters {
-                    HStack(spacing: 0) {
-                        Menu("Sort: \(searchSortOrder.name)") {
-                            searchSortOrderPicker
-                        }
-                        .transaction { t in t.animation = .none }
-
-                        Spacer()
-
-                        filtersMenu
-                    }
-                    .padding()
-                }
-            #endif
-        }) {
+        BrowserPlayerControls {
             #if os(iOS)
                 VStack {
-                    SearchTextField(favoriteItem: $favoriteItem)
-
                     if accounts.app.supportsSearchSuggestions, state.query.query != state.queryText {
                         SearchSuggestions()
                             .opacity(state.queryText.isEmpty ? 0 : 1)
@@ -182,11 +164,61 @@ struct SearchView: View {
                 .navigationTitle("Search")
         #endif
         #if os(iOS)
-        .navigationBarHidden(navigationBarHidden)
+        .toolbar {
+            ToolbarItemGroup(placement: .navigationBarLeading) {
+                if !navigationBarHidden {
+                    Button(action: { NavigationModel.shared.presentingSettings = true }) {
+                        Image(systemName: "gearshape.2")
+                    }
+                }
+            }
+            ToolbarItem(placement: .principal) {
+                HStack(spacing: 0) {
+                    if !state.query.isEmpty {
+                        searchMenu
+                    }
+                    SearchTextField()
+                }
+            }
+        }
         .navigationBarTitleDisplayMode(.inline)
         #endif
     }
 
+    #if os(iOS)
+        var searchMenu: some View {
+            Menu {
+                if accounts.app.supportsSearchFilters {
+                    searchSortOrderPicker
+                        .pickerStyle(.menu)
+
+                    Picker(selection: $searchDuration, label: Text("Duration")) {
+                        ForEach(SearchQuery.Duration.allCases) { duration in
+                            Text(duration.name).tag(duration)
+                        }
+                    }
+                    .pickerStyle(.menu)
+
+                    Picker("Upload date", selection: $searchDate) {
+                        ForEach(SearchQuery.Date.allCases) { date in
+                            Text(date.name).tag(date)
+                        }
+                    }
+                    .pickerStyle(.menu)
+                }
+
+                Section {
+                    FavoriteButton(item: favoriteItem)
+                }
+
+            } label: {
+                Image(systemName: "chevron.down.circle.fill")
+                    .foregroundColor(.accentColor)
+                    .imageScale(.medium)
+            }
+        }
+    #endif
+
     private var navigationBarHidden: Bool {
         if navigationStyle == .sidebar {
             return true