Added auto scroll to bottom of chat on new messages

FREVA-CLINT · Dec 11, 2024 · 4ab9398 · 4ab9398
1 parent 7f9483f
commit 4ab9398
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/assets/js/Containers/FrevaGPT/index.js b/assets/js/Containers/FrevaGPT/index.js
@@ -55,6 +55,12 @@ class FrevaGPT extends React.Component {
       botOkay: undefined,
       showSuggestions: true,
     };
+
+    this.chatEndRef = React.createRef(null);
+  }
+
+  componentDidUpdate() {
+    this.chatEndRef.current?.scrollIntoView();
   }
 
   async componentDidMount() {
@@ -319,6 +325,8 @@ class FrevaGPT extends React.Component {
 
           <ChatBlock />
 
+          <div ref={this.chatEndRef}/>
+
           {this.state.loading ? (
             <Row className="mb-3">
               <Col md={1}>