minor

frontend/src/components/__tests__/SearchBar.spec.ts

@@ -71,5 +71,8 @@ describe('SearchBar.vue', () => {
     const searchButton = wrapper.find('#search') as any
     expect(searchButton.exists()).toBe(true)
     await searchButton.trigger('click')
+    await searchButton.trigger('click')
+    expect(wrapper.emitted()).toHaveProperty('click')
+    expect(wrapper.emitted('click')).toHaveLength(2)
   })
 })

frontend/src/views/GeneDetailView.vue

@@ -34,12 +34,23 @@ const loadDataToStore = async () => {
 // When the component is mounted or the search term is changed through
 // the router then we need to fetch the gene information from the backend
 // through the store.
-
 onMounted(loadDataToStore)
 
 watch(() => props.searchTerm, loadDataToStore)
 watch(() => route.hash, scrollToSection)
 
+// If geneInfoStore.storeState is StoreState.Error then redirect to the
+// home page.
+watch(
+  () => geneInfoStore.storeState,
+  (storeState) => {
+    if (storeState == StoreState.Error) {
+      geneInfoStore.clearData()
+      router.push({ name: 'home' })
+    }
+  }
+)
+
 const SECTIONS = [
   { id: 'hgnc', title: 'HGNC' },
   { id: 'constraints-scores', title: 'Constraints / Scores' },