add message field to user profile pages

1 files changed, 16 insertions, 10 deletions

diff --git a/src/components/Feed.svelte b/src/components/Feed.svelte
index 973afa19..9f09630a 100644
--- a/src/components/Feed.svelte
+++ b/src/components/Feed.svelte
@@ -5,12 +5,18 @@
 	import { runner } from '$lib/utils';
 	export let events;
 
-	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'
+	let distance = (date) => {
+		let m = 60;
+		let h = 60 * m;
+		let d = 24 * h;
+
+		let diff = Math.round(Date.now() / 1000) - date;
+		return diff > d
+			? Math.round(diff / d) + 'd'
+			: diff > h
+			? Math.round(diff / h) + 'h'
+			: diff > m
+			? Math.round(diff / m) + 'm'
 			: diff > 2
 			? diff + 's'
 			: 'now';
@@ -24,20 +30,20 @@
 {#if browser}
 	<VirtualScroll data={events} key="id" let:data pageMode={true} estimateSize={200}>
 		<div class="flex border-b py-4 text-sm lg:text-lg text-secondary" :key={data.id}>
-			<a href={`/${data.pubkey}`}>
+			<a href={`/${data.user.anon ? data.user.pubkey : data.user.username}`}>
 				<div class="mb-auto mr-2">
 					<div class="md:hidden">
-						<Avatar size={12} src={`/api/public/runners/${runner(data.pubkey)}`} disabled={true} />
+						<Avatar size={12} user={data.user} disabled={true} />
 					</div>
 					<div class="hidden md:block">
-						<Avatar size={20} src={`/api/public/runners/${runner(data.pubkey)}`} disabled={true} />
+						<Avatar size={20} user={data.user} disabled={true} />
 					</div>
 				</div>
 			</a>
 
 			<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>{data.user.username}</div>
 					<div class="text-secondary">&nbsp;{distance(data.seen)}</div>
 				</div>
 				<div class="break-words">