diff options
| -rw-r--r-- | src/lib/socket.js | 2 | ||||
| -rw-r--r-- | src/routes/(app)/feed/+page.svelte | 12 |
2 files changed, 11 insertions, 3 deletions
diff --git a/src/lib/socket.js b/src/lib/socket.js index 43f6c386..59c2f872 100644 --- a/src/lib/socket.js +++ b/src/lib/socket.js @@ -40,7 +40,7 @@ export const messages = (data) => ({ events[data.id] = data; events.q.push(data.id); $events.set(events); - if (events.q.length > 1000) events.delete[events.q.shift()]; + if (events.q.length > 1000) delete events[events.q.shift()]; }, rate() { diff --git a/src/routes/(app)/feed/+page.svelte b/src/routes/(app)/feed/+page.svelte index 93fe47e7..3269e0d2 100644 --- a/src/routes/(app)/feed/+page.svelte +++ b/src/routes/(app)/feed/+page.svelte @@ -1,7 +1,6 @@ <script> import { fade } from 'svelte/transition'; import { Avatar, Icon } from '$comp'; - import { format, parseISO } from 'date-fns'; import { t } from '$lib/translations'; import { events } from '$lib/store'; import VirtualScroll from 'svelte-virtual-scroll-list'; @@ -18,6 +17,15 @@ .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} /> @@ -39,7 +47,7 @@ <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="ml-auto">{format(new Date(data.seen * 1000), 'h:mm aaa')}</div> + <div class="text-secondary"> {distance(data.seen)}</div> </div> <div class="break-words"> {data.content} |