gerudo
/
rDrama
forked from rDrama/rDrama
1
0
Fork 0
Code Pull Requests Activity

Scroll to the bottom a single time

master
Outrun Colors 2022-09-23 23:50:21 -05:00
parent aa4cbc173f
commit 693457a393
No known key found for this signature in database
GPG Key ID: 0426976DCEFE6073
3 changed files with 11 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
chat/package.json
View File

@ -1,6 +1,6 @@
{ {
"name": "chat", "name": "chat",
"version": "0.0.5", "version": "0.0.6",
"main": "index.js", "main": "index.js",
"license": "MIT", "license": "MIT",
"dependencies": { "dependencies": {

8
chat/src/features/chat/ChatMessage.tsx
View File

@ -93,8 +93,16 @@ export function ChatMessage({
export function ChatMessageList() { export function ChatMessageList() {
const { messages } = useChat(); const { messages } = useChat();
const scrolledOnce = useRef(false);
const messageWrapper = useRef<HTMLDivElement>(null); const messageWrapper = useRef<HTMLDivElement>(null);
useEffect(() => {
if (messages.length > 0 && !scrolledOnce.current) {
scrolledOnce.current = true;
messageWrapper.current.scrollTop = messageWrapper.current?.scrollHeight;
}
}, [messages])
return ( return (
<div className="ChatMessageList" ref={messageWrapper}> <div className="ChatMessageList" ref={messageWrapper}>
{messages.map((message, index) => ( {messages.map((message, index) => (

4
files/templates/util/assetcache.html
View File

@ -36,8 +36,8 @@ set CACHE_VER = {
'js/lozad.js': 4000, 'js/lozad.js': 4000,
'js/sort_table.js': 4001, 'js/sort_table.js': 4001,
'css/chat_done.css': 1004, 'css/chat_done.css': 1005,
'js/chat_done.js': 1004, 'js/chat_done.js': 1005,
} }
-%} -%}