Add refresh button to feeds, refresh notes on navigate

CHANGELOG.md

@@ -11,6 +11,8 @@
 - [x] Add support for reposts and cross-posts
 - [x] Bump paravel to fix missing tags after normalize (fixes mention notifications)
 - [x] Fix throttled notifications derive loop
+- [x] Conservatively load from cache when on a slow network
+- [x] Add refresh button to feeds
 
 # 0.3.12
 

src/app/SideNav.svelte

@@ -1,9 +1,11 @@
 <script lang="ts">
+  import {randomId} from 'hurdak'
   import {theme, installPrompt} from "src/partials/state"
   import Anchor from "src/partials/Anchor.svelte"
   import NavItem from "src/partials/NavItem.svelte"
   import {hasNewNip04Messages, hasNewNotifications, canSign, canUseGiftWrap} from "src/engine"
   import {menuIsOpen} from "src/app/state"
+  import {router} from "src/app/router"
 
   const toggleTheme = () => theme.update(t => (t === "dark" ? "light" : "dark"))
 
@@ -20,7 +22,7 @@
   class="fixed bottom-0 left-0 top-0 z-20 mt-16 w-48 overflow-hidden border-r border-gray-6 bg-gray-7 pb-20
          pt-4 text-gray-2 shadow-xl transition-all lg:ml-0"
   class:-ml-48={!$menuIsOpen}>
-  <NavItem href="/notes">
+  <NavItem on:click={() => router.at('notes').push({key: randomId()})}>
     <i class="fa fa-rss mr-2" /> Feed
   </NavItem>
   <NavItem href="/explore">

src/app/shared/FeedControls.svelte

@@ -180,7 +180,8 @@
       <Toggle scale={0.6} value={!$hideReplies} on:change={toggleReplies} />
       <small class="text-gray-3">Show replies</small>
     </div>
-    <i class="fa fa-search cursor-pointer p-2" on:click={open} />
+    <i class="fa fa-refresh cursor-pointer p-2" on:click={applyFilter} />
+    <i class="fa fa-sliders cursor-pointer p-2" on:click={open} />
     <slot name="controls" />
   </div>
   <div class="mb-2 mr-2 inline-block py-1">Showing notes:</div>