From 9c7ed38d45ec2740d8beb0d5630ecb525243a66b Mon Sep 17 00:00:00 2001
From: Adam Soltys <asoltys@gmail.com>
Date: Tue, 20 Dec 2022 12:25:20 -0800
Subject: nostr feed

---
 src/routes/(app)/feed/+page.svelte | 49 ++++++++++++++++++++++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 src/routes/(app)/feed/+page.svelte

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

diff --git a/src/routes/(app)/feed/+page.svelte b/src/routes/(app)/feed/+page.svelte
new file mode 100644
index 00000000..196763f6
--- /dev/null
+++ b/src/routes/(app)/feed/+page.svelte
@@ -0,0 +1,49 @@
+<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';
+	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)
+		.filter((ev) => ev?.pubkey)
+		.sort((a, b) => b.seen - a.seen);
+</script>
+
+<div class="mt-24 mb-20">
+	<h1 class="px-3 md:px-0 text-center text-3xl md:text-4xl font-semibold mb-10">Nostr</h1>
+
+	<div class="container w-full mx-auto text-lg px-4 max-w-2xl space-y-5">
+		<div class="vs">
+			{#if browser}
+				<VirtualScroll data={sorted} key="id" let:data pageMode={true}>
+					<div class="grid grid-cols-3 border-b pb-5" :key={data.id} use:fade>
+						<div class="my-auto text-secondary">
+							<div class="flex">
+								<div class="my-auto">
+									<Avatar size={20} src={`/api/public/runners/${runner()}`} />
+								</div>
+								<div class="my-auto ml-1">
+									{data.pubkey.substr(0, 6)}<br />
+									<span class="text-sm">{format(new Date(data.seen * 1000), 'h:mm aaa')}</span>
+								</div>
+							</div>
+						</div>
+
+						<div class="my-auto col-span-2">
+							<div class="text-secondary break-words">{data.content}</div>
+						</div>
+					</div>
+				</VirtualScroll>
+			{/if}
+		</div>
+	</div>
+</div>
-- 
cgit v1.2.3