From 70208aaa216a147f2f1d43a42a5fc8e1f4be767f Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 20 Dec 2022 13:48:36 -0800
Subject: distance

---
 src/lib/socket.js                  |  2 +-
 src/routes/(app)/feed/+page.svelte | 12 ++++++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

(limited to 'src')

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">&nbsp;{distance(data.seen)}</div>
 						</div>
 						<div class="break-words">
 							{data.content}
-- 
cgit v1.2.3