From 268d71cb57ff19382ff8834ca3406dda2f79343e Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 20 Dec 2022 17:41:40 -0800
Subject: new profile page

---
 src/routes/(app)/feed/+page.svelte | 42 ++------------------------------------
 1 file changed, 2 insertions(+), 40 deletions(-)

(limited to 'src/routes/(app)/feed')

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