From 36d3479f0de77828b8ccda42e936070c0ea68d15 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tom=C3=A1=C5=A1=20Ml=C3=A1dek?= <t@mldk.cz>
Date: Sun, 19 Dec 2021 19:25:16 +0100
Subject: [PATCH] better uplink behavior

---
 ui/src/components/UpLink.svelte | 19 +++++++++++++------
 1 file changed, 13 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/UpLink.svelte b/ui/src/components/UpLink.svelte
index f5d4fde..3543441 100644
--- a/ui/src/components/UpLink.svelte
+++ b/ui/src/components/UpLink.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
   import { getContext } from "svelte";
 
-  import { Link, useLocation, useParams } from "svelte-navigator";
+  import { useNavigate, useLocation, useParams } from "svelte-navigator";
   import type { Writable } from "svelte/store";
   import type { Address, VALUE_TYPE } from "upend/types";
   const params = useParams();
   const location = useLocation();
+  const navigate = useNavigate();
 
   export let to: {
     entity?: Address;
@@ -15,24 +16,30 @@
 
   const { index } = getContext("browse") as { index: Writable<number> };
 
-  let routerTo = "#";
-  $: {
+  function onClick() {
     if ($location.pathname.startsWith("/browse") && to.entity) {
       let addresses = $params.addresses.split(",");
 
-      routerTo =
+      const routerTo =
         "/browse/" +
         addresses
           .slice(0, $index + 1)
           .concat([to.entity])
           .join(",");
+
+      navigate(routerTo);
+      return true;
     }
   }
 </script>
 
-<Link class="uplink" to={routerTo}>
+<a
+  class="uplink"
+  href="/#/browse/{to.entity}"
+  on:click|preventDefault={onClick}
+>
   <slot />
-</Link>
+</a>
 
 <style lang="scss">
   :global(.uplink) {