nostr/coracle
1
0
Fork 0
mirror of https://github.com/coracle-social/coracle.git synced 2024-09-20 20:16:43 +00:00
Code Issues Packages Projects Releases Wiki Activity

Watch person in popover

Browse Source
This commit is contained in:
Jonathan Staab 2023-03-07 01:47:50 -06:00
parent e56729a0b5
commit b07c06e952
1 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/views/person/PersonSummary.svelte
View File

@ -13,16 +13,16 @@
const {petnamePubkeys, canPublish} = user const {petnamePubkeys, canPublish} = user
const getRelays = () => sampleRelays(getPubkeyWriteRelays(pubkey)) const getRelays = () => sampleRelays(getPubkeyWriteRelays(pubkey))
const person = database.watch('people', () => database.getPersonWithFallback(pubkey))
let following = false let following = false
let person = database.getPersonWithFallback(pubkey)
$: following = $petnamePubkeys.includes(pubkey) $: following = $petnamePubkeys.includes(pubkey)
const follow = async () => { const follow = async () => {
const [{url}] = getRelays() const [{url}] = getRelays()
user.addPetname(pubkey, url, displayPerson(person)) user.addPetname(pubkey, url, displayPerson($person))
} }
const unfollow = async () => { const unfollow = async () => {
@ -34,18 +34,18 @@
<div class="flex gap-4"> <div class="flex gap-4">
<div <div
class="overflow-hidden w-14 h-14 rounded-full bg-cover bg-center shrink-0 border border-solid border-white" class="overflow-hidden w-14 h-14 rounded-full bg-cover bg-center shrink-0 border border-solid border-white"
style="background-image: url({person.kind0?.picture})" /> style="background-image: url({$person.kind0?.picture})" />
<div class="flex-grow flex flex-col gap-2"> <div class="flex-grow flex flex-col gap-2">
<Anchor <Anchor
type="unstyled" type="unstyled"
class="flex items-center gap-2" class="flex items-center gap-2"
on:click={() => navigate(routes.person(pubkey))}> on:click={() => navigate(routes.person(pubkey))}>
<h2 class="text-lg">{displayPerson(person)}</h2> <h2 class="text-lg">{displayPerson($person)}</h2>
</Anchor> </Anchor>
{#if person.verified_as} {#if $person.verified_as}
<div class="flex gap-1 text-sm"> <div class="flex gap-1 text-sm">
<i class="fa fa-user-check text-accent" /> <i class="fa fa-user-check text-accent" />
<span class="text-light">{last(person.verified_as.split('@'))}</span> <span class="text-light">{last($person.verified_as.split('@'))}</span>
</div> </div>
{/if} {/if}
</div> </div>
@ -63,5 +63,5 @@
{/if} {/if}
</div> </div>
</div> </div>
<p>{@html renderContent(person?.kind0?.about || '')}</p> <p>{@html renderContent($person?.kind0?.about || '')}</p>
</div> </div>