use Svelte (HTML) style comments, // shows up on screen

[nominatim-ui.git] / src / App.svelte

diff --git a/src/App.svelte b/src/App.svelte
index a9779ad440b6ab6b2b9c4bc8c93bcdf5b04a268e..54cad5ddad2e59a75151ae5da1a59310b9d2af68 100644 (file)
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -1,5 +1,4 @@
 <script>
-  import * as jquery from 'jquery';
   import 'bootstrap/dist/css/bootstrap.css';
   import 'bootstrap/dist/js/bootstrap.bundle.js';
 
@@ -9,6 +8,7 @@
   import Footer from './components/Footer.svelte';
   import ReportIssueModal from './components/ReportIssueModal.svelte';
   import SearchPage from './pages/SearchPage.svelte';
+  import ReversePage from './pages/ReversePage.svelte';
   import DetailsPage from './pages/DetailsPage.svelte';
   import PolygonsPage from './pages/PolygonsPage.svelte';
   import DeletablePage from './pages/DeletablePage.svelte';
@@ -18,11 +18,14 @@
   refresh_page();
 </script>
 
+<!-- deal with back-button and other user action -->
+<svelte:window on:popstate={refresh_page} />
+
 <Header/>
 {#if view === 'search'}
-<SearchPage reverse_search={false} />
+<SearchPage />
 {:else if view === 'reverse'}
-<SearchPage reverse_search={true}/>
+<ReversePage />
 {:else if view === 'details'}
 <DetailsPage />
 {:else if view === 'deletable'}