2021-10-29 18:50:33 +02:00
|
|
|
<script lang="ts">
|
2021-11-11 23:37:42 +01:00
|
|
|
import { Router, Route, createHistory } from "svelte-navigator";
|
|
|
|
import createHashSource from "./util/history";
|
2021-12-21 20:02:47 +01:00
|
|
|
import Header from "./components/layout/Header.svelte";
|
|
|
|
import Footer from "./components/layout/Footer.svelte";
|
2021-12-21 16:10:16 +01:00
|
|
|
import Home from "./views/Home.svelte";
|
2021-11-11 23:37:42 +01:00
|
|
|
import Browse from "./views/Browse.svelte";
|
2021-12-21 14:32:47 +01:00
|
|
|
import Search from "./views/Search.svelte";
|
2022-01-23 11:38:07 +01:00
|
|
|
import DropPasteHandler from "./components/DropPasteHandler.svelte";
|
2022-01-16 22:58:05 +01:00
|
|
|
import AddModal from "./components/AddModal.svelte";
|
2022-02-21 21:27:46 +01:00
|
|
|
import Store from "./views/Store.svelte";
|
2022-08-01 21:08:34 +02:00
|
|
|
import "./styles/main.scss";
|
2021-11-11 23:37:42 +01:00
|
|
|
|
|
|
|
const history = createHistory(createHashSource());
|
2021-12-27 12:33:48 +01:00
|
|
|
|
|
|
|
let footerHeight = "0";
|
|
|
|
function setBottomMargin(size: CustomEvent<ResizeObserverEntry>) {
|
|
|
|
footerHeight = `${size.detail.contentRect.height}px`;
|
|
|
|
}
|
2021-10-29 18:50:33 +02:00
|
|
|
</script>
|
|
|
|
|
2021-12-30 19:28:43 +01:00
|
|
|
<Router {history} primary={false} --footer-height={footerHeight}>
|
2021-11-11 23:37:42 +01:00
|
|
|
<Header />
|
2021-11-29 22:28:32 +01:00
|
|
|
|
|
|
|
<Route path="/">
|
|
|
|
<Home />
|
|
|
|
</Route>
|
|
|
|
|
2021-11-11 23:37:42 +01:00
|
|
|
<Route path="/browse/*addresses" let:params>
|
|
|
|
<Browse />
|
|
|
|
</Route>
|
2021-12-21 14:32:47 +01:00
|
|
|
|
|
|
|
<Route path="/search/:query" let:params>
|
2022-01-30 21:10:54 +01:00
|
|
|
<Search query={decodeURIComponent(params.query)} />
|
2021-12-21 14:32:47 +01:00
|
|
|
</Route>
|
2021-12-21 16:10:16 +01:00
|
|
|
|
2022-02-21 21:27:46 +01:00
|
|
|
<Route path="/store">
|
|
|
|
<Store />
|
|
|
|
</Route>
|
|
|
|
|
2021-12-27 12:33:48 +01:00
|
|
|
<Footer on:resize={setBottomMargin} />
|
2022-01-18 23:57:03 +01:00
|
|
|
|
|
|
|
<AddModal />
|
2021-11-11 23:37:42 +01:00
|
|
|
</Router>
|
|
|
|
|
2022-01-23 11:38:07 +01:00
|
|
|
<DropPasteHandler />
|