From ef1fa76cc284171a2775007d1027e7b470e1f4c3 Mon Sep 17 00:00:00 2001
From: gsovereignty <gsovereignty@proton.me>
Date: Thu, 23 May 2024 20:31:07 +0800
Subject: [PATCH] problem: not clear to other devs where we are removing notes
 from stableShortList

---
 src/lib/components/ChatLayout.svelte      | 5 +++--
 src/lib/views/messages/RenderKind1.svelte | 1 +
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/ChatLayout.svelte b/src/lib/components/ChatLayout.svelte
index e6792ee..3149f8d 100644
--- a/src/lib/components/ChatLayout.svelte
+++ b/src/lib/components/ChatLayout.svelte
@@ -77,9 +77,10 @@
 			<div
 				class="h-full relative z-10 bg-white dark:bg-slate-900 overflow-x-hidden overflow-y-scroll no-scrollbar"
 			>
-				<slot />
+
+				<slot /> <!-- NOTE VIEWER-->
 			</div>
-			<!-- MESSAGE BOX-->
+			<!-- INPUT BOX-->
 			<div class="relative w-full h-fit">
 				<div class="z-20 flex"><slot name="input" /></div>
 			</div>
diff --git a/src/lib/views/messages/RenderKind1.svelte b/src/lib/views/messages/RenderKind1.svelte
index 9d3438e..c09d877 100644
--- a/src/lib/views/messages/RenderKind1.svelte
+++ b/src/lib/views/messages/RenderKind1.svelte
@@ -84,6 +84,7 @@ onMount(() => {
 		</div>
 	</div>
 </div>
+<!-- SCROLL OUT OF VIEW todo: change the location of this (in the DOM) so that we can use an animation to make it clear that the note has been "viewed" and can't be seen again -->
 <div
 	use:inview={{}}
 	on:inview_leave={(event) => {