Fix location navigation on search submit

Author: hextraza

jbrowse/src/client/JBrowse/Browser/RefNameAutocompleteWrapper.tsx

@@ -7,7 +7,7 @@ import BaseResult, { RefSequenceResult }from '@jbrowse/core/TextSearch/BaseResul
 
 const RefNameAutocompleteWrapper = observer(({ viewState, sessionParam }: { viewState: ViewModel, sessionParam: any}) => {
   function navigate() {
-    window.location.href = "/home/jbrowse-jbrowse.view?session=" + sessionParam + "&location=" + op.getLocation();
+    window.location.href = location.pathname.split('/').slice(0,-1).join('/') + '/jbrowse-jbrowse.view?session=' + sessionParam + '&location=' + op.getLocation()
   }
 
   const { session } = viewState
@@ -41,7 +41,7 @@ const RefNameAutocompleteWrapper = observer(({ viewState, sessionParam }: { view
       />
 
       <button onClick={navigate}>
-          Search
+          Open
       </button>
     </span>
   )

jbrowse/src/client/JBrowse/Browser/Search/app.tsx

@@ -0,0 +1,14 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+import Search from '../Search'
+import { Ajax, Utils, ActionURL } from '@labkey/api'
+
+const queryParam = new URLSearchParams(window.location.search);
+const session = queryParam.get('session')
+
+
+// Need to wait for container element to be available in labkey wrapper before render
+window.addEventListener('DOMContentLoaded', (event) => {
+    ReactDOM.render(<Search />, document.getElementById('app'))
+});

jbrowse/src/client/entryPoints.js

@@ -10,5 +10,12 @@ module.exports = {
         permission: 'read',
         template: 'app',
         path: './src/client/JBrowse/Browser'
+    },
+    {
+        name: 'search',
+        title: 'JBrowse Search',
+        permission: 'read',
+        template: 'app',
+        path: './src/client/JBrowse/Browser/Search'
     }]
 };