From f6fd5da6f73a2e649601fba0a1700f8b54bc09ae Mon Sep 17 00:00:00 2001
From: He4eT <He4eTHb1u@gmail.com>
Date: Sun, 28 Feb 2021 03:54:06 +0500
Subject: [PATCH] Add autoscroll for textBuffer

---
 src/components/player/TextBuffer.jsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/player/TextBuffer.jsx b/src/components/player/TextBuffer.jsx
index ad3727a..ca52f32 100644
--- a/src/components/player/TextBuffer.jsx
+++ b/src/components/player/TextBuffer.jsx
@@ -1,5 +1,5 @@
 import { h } from 'preact'
-import { useState, useEffect } from 'preact/hooks'
+import { useEffect, useRef, useState } from 'preact/hooks'
 
 import TextMessage from './TextMessage'
 
@@ -48,6 +48,7 @@ const parseInbox = (inbox, currentWindow) => {
 
 export default function ({ inbox, currentWindow }) {
   const [messages, setMessages] = useState([])
+  const textBufferEl = useRef(null)
 
   useEffect(() => {
     const { incoming, clear } =
@@ -56,10 +57,17 @@ export default function ({ inbox, currentWindow }) {
     setMessages(clear
       ? incoming
       : messages.concat(incoming))
+
+    setTimeout(() => {
+      textBufferEl.current.scrollTop =
+        textBufferEl.current.scrollHeight * 2
+    }, 0)
   }, [inbox])
 
   return (
-    <section className='textBuffer'>
+    <section
+      ref={textBufferEl}
+      className='textBuffer'>
       {messages.map(TextMessage)}
     </section>
   )