svelte 4.x => 5.0

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

diff --git a/src/App.svelte b/src/App.svelte
index e543afd471564dfe7cc591a0dd1ea0de05c724f9..98ba0292bd87f4458f636b0031a44a8713dbdfab 100644 (file)
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -4,21 +4,23 @@
 
   import { page, refresh_page } from './lib/stores.js';
 
 
   import { page, refresh_page } from './lib/stores.js';
 

-  import Header from './components/Header.svelte';

   import Footer from './components/Footer.svelte';
   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';
   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';

+  import StatusPage from './pages/StatusPage.svelte';
+  import AboutPage from './pages/AboutPage.svelte';

 
   $: view = $page.tab;
 
   refresh_page();
 </script>
 
 
   $: view = $page.tab;
 
   refresh_page();
 </script>
 

-<Header/>
+<!-- deal with back-button and other user action -->
+<svelte:window on:popstate={() => refresh_page()} />
+

 {#if view === 'search'}
 <SearchPage />
 {:else if view === 'reverse'}
 {#if view === 'search'}
 <SearchPage />
 {:else if view === 'reverse'}


@@ -29,6 +31,9 @@
 <DeletablePage />
 {:else if view === 'polygons'}
 <PolygonsPage />
 <DeletablePage />
 {:else if view === 'polygons'}
 <PolygonsPage />

+{:else if view === 'status'}
+<StatusPage />
+{:else if view === 'about'}
+<AboutPage />

 {/if}
 <Footer/>
 {/if}
 <Footer/>

-<ReportIssueModal/>