src/App.svelte

   1 <script>
   2   import 'bootstrap/dist/css/bootstrap.css';
   3   import 'bootstrap/dist/js/bootstrap.bundle.js';
   4
   5   import { appState } from './state/AppState.svelte.js';
   6
   7   import Footer from './components/Footer.svelte';
   8   import SearchPage from './pages/SearchPage.svelte';
   9   import ReversePage from './pages/ReversePage.svelte';
  10   import DetailsPage from './pages/DetailsPage.svelte';
  11   import PolygonsPage from './pages/PolygonsPage.svelte';
  12   import DeletablePage from './pages/DeletablePage.svelte';
  13   import StatusPage from './pages/StatusPage.svelte';
  14   import AboutPage from './pages/AboutPage.svelte';
  15 </script>
  16
  17 <!-- deal with back-button and other user action -->
  18 <svelte:window on:popstate={() => appState.refreshPage()} />
  19
  20 {#if appState.page.tab === 'search'}
  21 <SearchPage />
  22 {:else if appState.page.tab === 'reverse'}
  23 <ReversePage />
  24 {:else if appState.page.tab === 'details'}
  25 <DetailsPage />
  26 {:else if appState.page.tab === 'deletable'}
  27 <DeletablePage />
  28 {:else if appState.page.tab === 'polygons'}
  29 <PolygonsPage />
  30 {:else if appState.page.tab === 'status'}
  31 <StatusPage />
  32 {:else if appState.page.tab === 'about'}
  33 <AboutPage />
  34 {/if}
  35 <Footer/>