Promote 3.1.0 to staging

.vscode/launch.json

@@ -7,7 +7,7 @@
       "type": "pwa-chrome",
       "request": "launch",
       "preLaunchTask": "npm: start",
-      "url": "http://localhost:4200/"
+      "url": "http://localhost:8080/"
     },
     {
       "name": "ng test",

src/app/features/genes/components/gene-search/gene-search.component.ts

@@ -15,6 +15,7 @@ import {
   distinctUntilChanged,
   switchMap,
   catchError,
+  takeUntil,
 } from 'rxjs/operators';
 import { fromEvent, Observable, empty, throwError } from 'rxjs';
 
@@ -23,6 +24,7 @@ import { fromEvent, Observable, empty, throwError } from 'rxjs';
 // -------------------------------------------------------------------------- //
 import { Gene, GenesResponse } from '../../../../models';
 import { ApiService } from '../../../../core/services';
+import { Unsub } from '../../../../models/unsub';
 
 // -------------------------------------------------------------------------- //
 // Component
@@ -32,7 +34,7 @@ import { ApiService } from '../../../../core/services';
   templateUrl: './gene-search.component.html',
   styleUrls: ['./gene-search.component.scss'],
 })
-export class GeneSearchComponent implements AfterViewInit {
+export class GeneSearchComponent extends Unsub implements AfterViewInit {
   @Input() location: 'header' | 'home' = 'header';
   @Output() searchNavigated = new EventEmitter();
 
@@ -64,11 +66,14 @@ export class GeneSearchComponent implements AfterViewInit {
     this.checkClickIsInsideComponent(event);
   }
 
-  constructor(private router: Router, private apiService: ApiService) {}
+  constructor(private router: Router, private apiService: ApiService) {
+    super();
+  }
 
   ngAfterViewInit() {
     fromEvent(this.input.nativeElement, 'keyup')
       .pipe(
+        takeUntil(this.unsubscribe$),
         debounceTime(500),
         distinctUntilChanged(),
         switchMap((event: any) => {
@@ -98,6 +103,7 @@ export class GeneSearchComponent implements AfterViewInit {
     } else if (this.isEnsemblId) {
       const digits = query.toLowerCase().substring(4, query.length);
       if (digits.length !== 11 || !/^\d+$/.test(digits)) {
+        this.showGeneResults = true;
         this.error = this.errorMessages.notValidEnsemblId;
       }
     }
@@ -124,6 +130,8 @@ export class GeneSearchComponent implements AfterViewInit {
           this.error = this.errorMessages.ensemblIdNotFound;
         } else {
           this.goToGene(results[0].ensembl_gene_id);
+          this.isLoading = false;
+          return;
         }
       } else {
         this.hgncSymbolCounts = {};
@@ -147,6 +155,7 @@ export class GeneSearchComponent implements AfterViewInit {
     this.input.nativeElement.blur();
     this.query = '';
     this.results = [];
+    this.showGeneResults = false;
     this.searchNavigated.emit();
     this.router.navigate(['/genes/' + id]);
   }

src/app/models/unsub.ts

@@ -0,0 +1,12 @@
+import { Injectable, OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+
+@Injectable()
+export abstract class Unsub implements OnDestroy {
+  protected unsubscribe$ = new Subject<void>();
+
+  ngOnDestroy(): void {
+    this.unsubscribe$.next();
+    this.unsubscribe$.complete();
+  }
+}