From e723b2a4c6f16e9e1978dabe442c56257b28f178 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Wed, 18 Sep 2024 03:19:32 +0200
Subject: [PATCH] refac

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

diff --git a/src/lib/components/chat/Chat.svelte b/src/lib/components/chat/Chat.svelte
index a4f7f0cf7..0a9483d3b 100644
--- a/src/lib/components/chat/Chat.svelte
+++ b/src/lib/components/chat/Chat.svelte
@@ -161,7 +161,7 @@
 
 		const messageElement = document.getElementById(`message-${message.id}`);
 		if (messageElement) {
-			messageElement.scrollIntoView({ behavior: 'smooth', block: 'center' });
+			messageElement.scrollIntoView({ behavior: 'smooth' });
 		}
 	};
 
diff --git a/src/lib/components/chat/Messages.svelte b/src/lib/components/chat/Messages.svelte
index f62919b65..3080bcac9 100644
--- a/src/lib/components/chat/Messages.svelte
+++ b/src/lib/components/chat/Messages.svelte
@@ -337,11 +337,7 @@
 		<div class="w-full pt-2">
 			{#key chatId}
 				{#each messages as message, messageIdx (message.id)}
-					<div
-						class=" w-full {messageIdx === messages.length - 1
-							? ' pb-12'
-							: ''} message-{message.id}"
-					>
+					<div class=" w-full {messageIdx === messages.length - 1 ? ' pb-12' : ''}">
 						<div
 							class="flex flex-col justify-between px-5 mb-3 {($settings?.widescreenMode ?? null)
 								? 'max-w-full'
diff --git a/src/lib/components/chat/Messages/UserMessage.svelte b/src/lib/components/chat/Messages/UserMessage.svelte
index 87b6b495a..351e3c0da 100644
--- a/src/lib/components/chat/Messages/UserMessage.svelte
+++ b/src/lib/components/chat/Messages/UserMessage.svelte
@@ -62,7 +62,7 @@
 	};
 </script>
 
-<div class=" flex w-full user-message" dir={$settings.chatDirection}>
+<div class=" flex w-full user-message" dir={$settings.chatDirection} id="message-{message.id}">
 	{#if !($settings?.chatBubble ?? true)}
 		<ProfileImage
 			src={message.user