From 32c79713001dc9dbea81412fd1494d4e7376aeeb Mon Sep 17 00:00:00 2001
From: Danny Liu <dannyjialiliu@gmail.com>
Date: Sun, 18 Feb 2024 17:03:40 -0800
Subject: [PATCH] add isFirstMessage prop to UserMessage component

---
 src/lib/components/chat/Messages.svelte             | 1 +
 src/lib/components/chat/Messages/UserMessage.svelte | 7 ++++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/chat/Messages.svelte b/src/lib/components/chat/Messages.svelte
index b02ba116..082b65fc 100644
--- a/src/lib/components/chat/Messages.svelte
+++ b/src/lib/components/chat/Messages.svelte
@@ -239,6 +239,7 @@
 							<UserMessage
 								user={$user}
 								{message}
+								isFirstMessage={messageIdx === 0}
 								siblings={message.parentId !== null
 									? history.messages[message.parentId]?.childrenIds ?? []
 									: Object.values(history.messages)
diff --git a/src/lib/components/chat/Messages/UserMessage.svelte b/src/lib/components/chat/Messages/UserMessage.svelte
index 196e5972..f64b98df 100644
--- a/src/lib/components/chat/Messages/UserMessage.svelte
+++ b/src/lib/components/chat/Messages/UserMessage.svelte
@@ -9,6 +9,7 @@
 	export let user;
 	export let message;
 	export let siblings;
+	export let isFirstMessage: boolean;
 
 	export let confirmEditMessage: Function;
 	export let showPreviousMessage: Function;
@@ -282,11 +283,11 @@
 							</svg>
 						</button>
 
-						<!-- {#if not first message }
+						{#if !isFirstMessage}
 						<button
 							class="invisible group-hover:visible p-1 rounded dark:hover:text-white transition"
 							on:click={() => {
-								// delete message
+								// TODO delete message
 							}}
 						>
 							<svg
@@ -304,7 +305,7 @@
 								/>
 							</svg>
 						</button>
-						{/if} -->
+						{/if} 
 					</div>
 				</div>
 			{/if}