From a2e6b265d35aaf92c7e71d0fa7c04ebca0537c19 Mon Sep 17 00:00:00 2001
From: softsimon <softsimon@protonmail.com>
Date: Tue, 30 Aug 2022 22:36:13 +0200
Subject: [PATCH] Search bar fixes.

---
 .../app/components/search-form/search-form.component.html  | 2 +-
 .../app/components/search-form/search-form.component.ts    | 1 +
 .../search-form/search-results/search-results.component.ts | 7 +++++++
 3 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/components/search-form/search-form.component.html b/frontend/src/app/components/search-form/search-form.component.html
index e96cd0a57..8badcc3cf 100644
--- a/frontend/src/app/components/search-form/search-form.component.html
+++ b/frontend/src/app/components/search-form/search-form.component.html
@@ -15,5 +15,5 @@
 </form>
 
 <ng-template #searchLoading>
-  <div class="spinner-border spinner-border-sm text-light" role="status" aria-hidden="true"></div>
+  <div class="spinner-border spinner-border-sm text-light" role="status" aria-hidden="true" (click)="searchForm.valid && search()"></div>
 </ng-template>
diff --git a/frontend/src/app/components/search-form/search-form.component.ts b/frontend/src/app/components/search-form/search-form.component.ts
index a9deccc6b..712f7438c 100644
--- a/frontend/src/app/components/search-form/search-form.component.ts
+++ b/frontend/src/app/components/search-form/search-form.component.ts
@@ -156,6 +156,7 @@ export class SearchFormComponent implements OnInit {
           this.navigate('/tx/', matches[0]);
         }
       } else {
+        this.searchResults.searchButtonClick();
         this.isSearching = false;
       }
     }
diff --git a/frontend/src/app/components/search-form/search-results/search-results.component.ts b/frontend/src/app/components/search-form/search-results/search-results.component.ts
index 84f6a7447..7bda62c02 100644
--- a/frontend/src/app/components/search-form/search-results/search-results.component.ts
+++ b/frontend/src/app/components/search-form/search-results/search-results.component.ts
@@ -25,6 +25,13 @@ export class SearchResultsComponent implements OnChanges {
     }
   }
 
+  searchButtonClick() {
+    if (this.resultsFlattened[this.activeIdx]) {
+      this.selectedResult.emit(this.resultsFlattened[this.activeIdx]);
+      this.results = null;
+    }
+  }
+
   handleKeyDown(event: KeyboardEvent) {
     switch (event.key) {
       case 'ArrowDown':