From baf92af91fd46691b0233f438b57689060c9f840 Mon Sep 17 00:00:00 2001
From: gsovereignty <gsovereignty@proton.me>
Date: Tue, 28 May 2024 20:05:16 +0800
Subject: [PATCH] problem: todos not implemented yet

---
 src/lib/components/ChatLayout.svelte |  6 +++---
 src/routes/merits/+page.svelte       |  2 +-
 src/routes/todo/+page.svelte         | 31 ++++++++++++++++++++++++++++
 3 files changed, 35 insertions(+), 4 deletions(-)
 create mode 100644 src/routes/todo/+page.svelte

diff --git a/src/lib/components/ChatLayout.svelte b/src/lib/components/ChatLayout.svelte
index 0f480f1..0b1726e 100644
--- a/src/lib/components/ChatLayout.svelte
+++ b/src/lib/components/ChatLayout.svelte
@@ -39,9 +39,9 @@
 				{/if}
 
 				<Button
-					onClick={() => {
-						alert('todo: implement todo bookmarks');
-					}}><ListCheckSolid /></Button
+				onClick={() => {
+					goto(`${base}/todo`);
+				}}><ListCheckSolid /></Button
 				>
 				<Button
 					onClick={() => {
diff --git a/src/routes/merits/+page.svelte b/src/routes/merits/+page.svelte
index de83283..22c2599 100644
--- a/src/routes/merits/+page.svelte
+++ b/src/routes/merits/+page.svelte
@@ -23,7 +23,7 @@
 							</p>
 
                             <p class="text-sm font-normal text-gray-900 dark:text-white py-2">
-								Once this is implemented, you'll be able to see the distribution of Humble Horse merits on this page (something kind of similar to shares in a company).
+								Once implemented, this page will show you the flow of sats to contributors.
 							</p>
 						</div>
 					</div>
diff --git a/src/routes/todo/+page.svelte b/src/routes/todo/+page.svelte
new file mode 100644
index 0000000..9830389
--- /dev/null
+++ b/src/routes/todo/+page.svelte
@@ -0,0 +1,31 @@
+<script>
+	import ChatLayout from '@/components/ChatLayout.svelte';
+</script>
+<ChatLayout>
+	<div slot="buttons"></div>
+	<div class="pt-2"></div>
+	<div class="w-full">
+		<div class="grid pb-11">
+			<div class="flex gap-2.5 mb-4">
+				<img
+					class="w-8 h-8 rounded-full"
+					src="https://assets.americanmeadows.com/media/catalog/product/h/o/horse-pasture-and-hay-seed-mix-horse.jpg"
+					alt="profile pic"
+				/>
+				<div class="grid">
+					<h5 class="text-gray-900 dark:text-orange-600 font-semibold leading-snug pb-1">Horsey McHorseface</h5>
+					<div class="grid overflow-hidden mr-2">
+						<div
+							class="px-3.5 py-2 bg-gray-200 dark:bg-gray-700 rounded-e-xl rounded-es-xl flex flex-col gap-2"
+						>
+							<p class="text-sm font-normal text-gray-900 dark:text-white py-2">
+								I sometimes want to bookmark a note so I can reply to it later, or take some action based on it. But the UI I want is a bit different to the typical bookmark UI implemented in nostr clients so far, so I'm going to implement it here.
+							</p>
+
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</ChatLayout>