diff options
| author | Adam Soltys <[email protected]> | 2022-12-20 13:48:36 -0800 |
|---|---|---|
| committer | Adam Soltys <[email protected]> | 2022-12-20 13:48:36 -0800 |
| commit | 70208aaa216a147f2f1d43a42a5fc8e1f4be767f (patch) | |
| tree | b20f5afd2485510d56591a0a67921f675aa2bafc /src/routes/(app) | |
| parent | 4b3cf3b3e2b40d3cb3dd2bf8b3bf3afe3e77249a (diff) | |
| download | coinos-ui-70208aaa216a147f2f1d43a42a5fc8e1f4be767f.tar.gz coinos-ui-70208aaa216a147f2f1d43a42a5fc8e1f4be767f.zip | |
distance
Diffstat (limited to 'src/routes/(app)')
| -rw-r--r-- | src/routes/(app)/feed/+page.svelte | 12 |
1 files changed, 10 insertions, 2 deletions
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} |