UX: Add second Search button on mobile (#14404)

app/assets/javascripts/discourse/app/controllers/full-page-search.js

@@ -411,8 +411,8 @@ export default Controller.extend({
       this.selected.clear();
     },
 
-    search(collapseFilters = false) {
-      if (collapseFilters) {
+    search(options = {}) {
+      if (options.collapseFilters) {
         document
           .querySelector("details.advanced-filters")
           ?.removeAttribute("open");

app/assets/javascripts/discourse/app/templates/components/search-advanced-options.hbs

@@ -228,4 +228,17 @@
       </div>
     </div>
   </details>
+
+  {{#if site.mobileView}}
+    <div class="second-search-button">
+      {{d-button
+        action=search
+        icon="search"
+        label="search.search_button"
+        class="btn-primary search-cta"
+        ariaLabel="search.search_button"
+        disabled=searchButtonDisabled
+      }}
+    </div>
+  {{/if}}
 </div>

app/assets/javascripts/discourse/app/templates/full-page-search.hbs

@@ -16,7 +16,7 @@
         value=searchTerm
         class="full-page-search search no-blur search-query"
         aria-label=(i18n "search.search_term_label")
-        enter=(action "search" true)
+        enter=(action "search" (hash collapseFilters=true))
         hasAutofocus=hasAutofocus
         aria-controls="search-result-count"
       }}
@@ -28,7 +28,7 @@
         onChange=(action (mut search_type))
       }}
       {{d-button
-        action=(action "search" true)
+        action=(action "search" (hash collapseFilters=true))
         icon="search"
         label="search.search_button"
         class="btn-primary search-cta"
@@ -50,6 +50,8 @@
         {{search-advanced-options
           searchTerm=(readonly searchTerm)
           onChangeSearchTerm=(action (mut searchTerm))
+          search=(action "search" (hash collapseFilters=true))
+          searchButtonDisabled=searchButtonDisabled
           expandFilters=expandFilters
         }}
       </div>

app/assets/stylesheets/mobile/search.scss

@@ -3,4 +3,12 @@
     padding-left: 0;
     padding-right: 0;
   }
+
+  .second-search-button {
+    margin-top: 1em;
+    display: flex;
+    .btn {
+      width: 100%;
+    }
+  }
 }