diff options
| author | Adam Soltys <[email protected]> | 2022-12-20 17:41:40 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-12-20 17:41:40 -0800 |
| commit | 268d71cb57ff19382ff8834ca3406dda2f79343e (patch) | |
| tree | 2cb012b7f74f0947f9b03304d62c4604ab79fdfd /src/routes/(app)/feed | |
| parent | 70208aaa216a147f2f1d43a42a5fc8e1f4be767f (diff) | |
| download | coinos-ui-268d71cb57ff19382ff8834ca3406dda2f79343e.tar.gz coinos-ui-268d71cb57ff19382ff8834ca3406dda2f79343e.zip | |
new profile page
Diffstat (limited to 'src/routes/(app)/feed')
| -rw-r--r-- | src/routes/(app)/feed/+page.svelte | 42 |
1 files changed, 2 insertions, 40 deletions
diff --git a/src/routes/(app)/feed/+page.svelte b/src/routes/(app)/feed/+page.svelte index 3269e0d2..2bbadc64 100644 --- a/src/routes/(app)/feed/+page.svelte +++ b/src/routes/(app)/feed/+page.svelte @@ -1,15 +1,9 @@ <script> - import { fade } from 'svelte/transition'; - import { Avatar, Icon } from '$comp'; - import { t } from '$lib/translations'; + import { Feed } from '$comp'; import { events } from '$lib/store'; - import VirtualScroll from 'svelte-virtual-scroll-list'; - import { browser } from '$app/environment'; - import runners from '$lib/runners'; export let data; let { user } = data; - let runner = () => runners[Math.floor(Math.random() * runners.length)]; $: length = $events?.q?.length; $: sorted = Object.values($events) @@ -17,44 +11,12 @@ .sort((a, b) => b.seen - a.seen); let w; - - let distance = (d) => { - let diff = Math.round(Date.now() / 1000) - d; - return diff > 3600 - ? Math.round(diff / 3600) + 'd' - : diff > 60 - ? Math.round(diff / 60) + 'm' - : diff > 2 ? diff + 's' : 'now'; - }; </script> <svelte:window bind:innerWidth={w} /> <div class="mb-20"> <div class="container w-full mx-auto text-lg px-4 md:max-w-2xl space-y-5"> - {#if browser} - <VirtualScroll data={sorted} key="id" let:data pageMode={true} estimateSize={200}> - <div class="flex border-b py-4 text-sm text-secondary" :key={data.id} use:fade> - <div class="mb-auto mr-2"> - <div class="md:hidden"> - <Avatar size={12} src={`/api/public/runners/${runner()}`} /> - </div> - <div class="hidden md:block"> - <Avatar size={20} src={`/api/public/runners/${runner()}`} /> - </div> - </div> - - <div class="grow" style={`max-width: ${w - 100}px`}> - <div class="w-full flex pb-1 text-black"> - <div>{data.pubkey.substr(0, 6)}</div> - <div class="text-secondary"> {distance(data.seen)}</div> - </div> - <div class="break-words"> - {data.content} - </div> - </div> - </div> - </VirtualScroll> - {/if} + <Feed events={sorted} /> </div> </div> |