fix navigation in post focus

src/lib/ui/Navigation.svelte

@@ -6,6 +6,7 @@
     import { Client } from '$lib/client/client.js';
     import { play_sound } from '$lib/sound.js';
     import { getTimeline } from '$lib/timeline.js';
+    import { goto } from '$app/navigation';
 
     const VERSION = APP_VERSION;
 
@@ -26,7 +27,7 @@
             });
             return;
         }
-        location = "/";
+        goto("/");
     }
 
     function log_out() {

src/lib/ui/post/Post.svelte

@@ -18,9 +18,8 @@
 
     let post_context = undefined;
     let post = post_data;
-    let is_boost = false;
+    let is_boost = !!post_data.boost;
-    if (post_data.boost) {
+    if (is_boost) {
-        is_boost = true;
         post_context = post_data;
         post = post_data.boost;
     }
@@ -28,6 +27,7 @@
     function gotoPost() {
         if (focused) return;
         if (event.key && event.key !== "Enter") return;
+        console.log(`/post/${post.id}`);
         goto(`/post/${post.id}`);
     }
 

src/lib/ui/post/ReplyContext.svelte

@@ -16,8 +16,8 @@
     let aria_label = post.user.username + '; ' + post.text + '; ' + post.created_at;
 
     function gotoPost() {
-        if (focused) return;
         if (event.key && event.key !== "Enter") return;
+        console.log(`/post/${post.id}`);
         goto(`/post/${post.id}`);
     }
 

src/routes/post/[id]/+page.svelte

@@ -3,8 +3,8 @@
     import Post from '$lib/ui/post/Post.svelte';
 
     export let data;
-    const main_post = data.posts[0];
+    $: main_post = data.posts[0];
-    const replies = data.posts.slice(1);
+    $: replies = data.posts.slice(1);
 </script>
 
 <div id="feed" role="feed">
@@ -13,11 +13,13 @@
             <span>just a moment...</span>
         </div>
     {:else}
+        {#key data}
         <Post post_data={main_post} focused />
         <br>
         {#each replies as post}
             <Post post_data={post} />
         {/each}
+        {/key}
     {/if}
 </div>