Simplify [UI/UX] [Chats] [Front End] scrollToBottom (#244)

- [+] refactor(chat.tsx): simplify scrollToBottom function with smooth scrolling behavior
H0llyW00dzZ · Feb 5, 2024 · 83ecda7 · 83ecda7
1 parent 8dcb8df
commit 83ecda7
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/app/components/chat.tsx b/app/components/chat.tsx
@@ -449,10 +449,8 @@ function useScrollToBottom() {
   function scrollDomToBottom() {
     const dom = scrollRef.current;
     if (dom) {
-      requestAnimationFrame(() => {
-        setAutoScroll(true);
-        dom.scrollTo(0, dom.scrollHeight);
-      });
+      // Improve Use smooth scrolling behavior
+      dom.scrollTo({ top: dom.scrollHeight, behavior: 'smooth' });
     }
   }