diff options
| author | Adam Soltys <[email protected]> | 2022-12-29 10:30:02 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-12-29 10:30:02 -0800 |
| commit | aab14c11fdbfc3f8ad3a399352e58ff5db7867ff (patch) | |
| tree | 9fc84256854e43ea0d145279cbc1edaca824b21e /src/components | |
| parent | 127262fcf9feef0c651b73a1a1cc79624d87aa9f (diff) | |
| download | coinos-ui-aab14c11fdbfc3f8ad3a399352e58ff5db7867ff.tar.gz coinos-ui-aab14c11fdbfc3f8ad3a399352e58ff5db7867ff.zip | |
move follower endpoints
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Feed.svelte | 79 |
1 files changed, 40 insertions, 39 deletions
diff --git a/src/components/Feed.svelte b/src/components/Feed.svelte index 85905eac..e16536ad 100644 --- a/src/components/Feed.svelte +++ b/src/components/Feed.svelte @@ -8,7 +8,7 @@ import { sign, send } from '$lib/nostr'; export let events; - export let user; + export let user = undefined; let message; @@ -25,9 +25,7 @@ }; await sign({ event, user }); - console.log("signed") await send(event); - console.log("sent") event.user = user; event.seen = event.created_at; @@ -66,47 +64,50 @@ <svelte:window bind:innerWidth={w} /> -<form on:submit|preventDefault={submit} class="flex justify-center gap-4 max-w-2xl mx-auto"> - <div class="grow"> - <input - name="message" - bind:value={message} - placeholder="What's happening?" - class="my-5 mx-auto" - /> - </div> - <button class="rounded-full border py-4 px-5 font-bold hover:opacity-80 w-40 my-5">Post</button> -</form> +{#if user} + <form on:submit|preventDefault={submit} class="flex justify-center gap-4 max-w-2xl mx-auto"> + <div class="grow"> + <input + name="message" + bind:value={message} + placeholder="What's happening?" + class="my-5 mx-auto" + /> + </div> + <button class="rounded-full border py-4 px-5 font-bold hover:opacity-80 w-40 my-5">Post</button> + </form> +{/if} {#if browser} - {#if sorted.length} - <VirtualScroll data={sorted} key="id" let:data pageMode={true} estimateSize={200}> - <div class="flex border-b py-4 text-sm lg:text-lg text-secondary" :key={data.id}> - <a href={`/${data.user.anon ? data.user.pubkey : data.user.username}`}> - <div class="mb-auto mr-2"> - <div class="md:hidden"> - <Avatar size={12} user={data.user} disabled={true} /> + {#if sorted.length} + <VirtualScroll data={sorted} key="id" let:data pageMode={true} estimateSize={200}> + <div class="flex border-b py-4 text-sm lg:text-lg text-secondary" :key={data.id}> + <a href={`/${data.user.anon ? data.user.pubkey : data.user.username}`}> + <div class="mb-auto mr-2"> + <div class="md:hidden"> + <Avatar size={12} user={data.user} disabled={true} /> + </div> + <div class="hidden md:block"> + <Avatar size={20} user={data.user} disabled={true} /> + </div> </div> - <div class="hidden md:block"> - <Avatar size={20} user={data.user} disabled={true} /> - </div> - </div> - </a> + </a> - <div class="grow" style={`max-width: ${w - 100}px`}> - <div class="w-full flex pb-1 text-black"> - <div> - {data.user.display_name || ''} <span class="text-secondary">@{data.user.username}</span> + <div class="grow" style={`max-width: ${w - 100}px`}> + <div class="w-full flex pb-1 text-black"> + <div> + {data.user.display_name || ''} + <span class="text-secondary">@{data.user.username}</span> + </div> + <div class="text-secondary"> {distance(data.seen)}</div> + </div> + <div class="break-words"> + {data.content} </div> - <div class="text-secondary"> {distance(data.seen)}</div> - </div> - <div class="break-words"> - {data.content} </div> </div> - </div> - </VirtualScroll> - {:else} - <div>Nothing here yet</div> - {/if} + </VirtualScroll> + {:else} + <div>Nothing here yet</div> + {/if} {/if} |
