import { page, refresh_page } from './lib/stores.js';
- import Header from './components/Header.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 StatusPage from './pages/StatusPage.svelte';
+ import AboutPage from './pages/AboutPage.svelte';
$: 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 reverse_search={false} />
+<SearchPage />
{:else if view === 'reverse'}
-<SearchPage reverse_search={true}/>
+<ReversePage />
{:else if view === 'details'}
<DetailsPage />
{:else if view === 'deletable'}
<DeletablePage />
{:else if view === 'polygons'}
<PolygonsPage />
+{:else if view === 'status'}
+<StatusPage />
+{:else if view === 'about'}
+<AboutPage />
{/if}
<Footer/>
-<ReportIssueModal/>