Open people in modal

ROADMAP.md

@@ -22,6 +22,7 @@
 # Core
 
 - [ ] Make mutes private
+- [ ] Add nostrscript nevent1qqsvetmqsk8025jadyn82cpmkgxcesjffqajssd2qaq0k8arw9v79tsppadk7cn2v43hggz0vf4x2cm5t5yt4dnl
 - [ ] Highlights
   - Allow highlighting text in notes
   - When something is highlighted, show fixed-position elements for adding highlights

src/app/shared/Note.svelte

@@ -17,7 +17,6 @@
   import {getRelaysForEventParent} from "src/agent/relays"
   import {getPersonWithFallback} from "src/agent/db"
   import {watch} from "src/agent/db"
-  import {routes} from "src/app/state"
   import NoteContent from "src/app/shared/NoteContent.svelte"
 
   export let note
@@ -116,7 +115,9 @@
           style="left: 0px; top: 27px;" />
       {/if}
       <div>
-        <Anchor class="text-lg font-bold" href={routes.person($author.pubkey)}>
+        <Anchor
+          class="text-lg font-bold"
+          on:click={() => modal.push({type: "person/feed", pubkey: $author.pubkey})}>
           <PersonCircle size={10} person={$author} />
         </Anchor>
       </div>

src/app/shared/PersonInfo.svelte

@@ -2,12 +2,12 @@
   import {last, nth} from "ramda"
   import {fly} from "svelte/transition"
   import {displayPerson} from "src/util/nostr"
+  import {modal} from "src/partials/state"
   import Anchor from "src/partials/Anchor.svelte"
   import PersonCircle from "src/app/shared/PersonCircle.svelte"
   import PersonAbout from "src/app/shared/PersonAbout.svelte"
   import {getPubkeyWriteRelays, sampleRelays} from "src/agent/relays"
   import user from "src/agent/user"
-  import {routes} from "src/app/state"
 
   const {petnames} = user
 
@@ -30,7 +30,7 @@
 <div in:fly={{y: 20}}>
   <Anchor
     type="unstyled"
-    href={routes.person(person.pubkey)}
+    on:click={() => modal.push({type: "person/feed", pubkey: person.pubkey})}
     class="flex gap-4 overflow-hidden border-l-2 border-solid border-gray-7 py-3 px-4
            transition-all hover:border-accent hover:bg-gray-8">
     <PersonCircle {person} size={12} />