From 4cd0ff26827cd2c3407a80e6f2b41a1ec4d82842 Mon Sep 17 00:00:00 2001
From: Daniel Avila <messagedaniel@protonmail.com>
Date: Sun, 19 Mar 2023 11:45:03 -0400
Subject: [PATCH] fix: throttle scroll to bottom

---
 client/src/components/Messages/TextWrapper.jsx | 1 -
 client/src/components/Messages/index.jsx       | 6 ++++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/client/src/components/Messages/TextWrapper.jsx b/client/src/components/Messages/TextWrapper.jsx
index ff6f9a1528..3cfd0a1b37 100644
--- a/client/src/components/Messages/TextWrapper.jsx
+++ b/client/src/components/Messages/TextWrapper.jsx
@@ -49,7 +49,6 @@ const inLineWrap = (parts) => {
 export default function TextWrapper({ text, generateCursor }) {
   let embedTest = false;
   let result = null;
-  console.log('text wrapper', text)
 
   // to match unenclosed code blocks
   if (text.match(/```/g)?.length === 1) {
diff --git a/client/src/components/Messages/index.jsx b/client/src/components/Messages/index.jsx
index 0d1754780a..f734e58cdf 100644
--- a/client/src/components/Messages/index.jsx
+++ b/client/src/components/Messages/index.jsx
@@ -1,5 +1,6 @@
 import React, { useEffect, useState, useRef, useCallback } from 'react';
 import Spinner from '../svg/Spinner';
+import { throttle } from 'lodash';
 import { CSSTransition } from 'react-transition-group';
 import ScrollToBottom from './ScrollToBottom';
 import MultiMessage from './MultiMessage';
@@ -34,10 +35,11 @@ export default function Messages({ messages, messageTree }) {
     };
   }, [messages]);
 
-  const scrollToBottom = useCallback(() => {
+  const scrollToBottom = useCallback(throttle(() => {
+    console.log('scrollToBottom');
     messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
     setShowScrollButton(false);
-  }, [messagesEndRef]);
+  }, 750), [messagesEndRef]);
 
   const handleScroll = () => {
     const { scrollTop, scrollHeight, clientHeight } = scrollableRef.current;