diff options
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> |