From 3428f6a893b51168ef8d225364c8f031f3e25283 Mon Sep 17 00:00:00 2001
From: Henry <hzj94@hotmail.com>
Date: Thu, 20 Apr 2023 19:09:47 +0100
Subject: [PATCH] add maxScroll to chatmessage

---
 packages/server/.env.example                     | 1 +
 packages/ui/.env.example                         | 1 +
 packages/ui/src/store/constant.js                | 1 +
 packages/ui/src/views/chatmessage/ChatMessage.js | 4 +++-
 4 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 packages/server/.env.example
 create mode 100644 packages/ui/.env.example

diff --git a/packages/server/.env.example b/packages/server/.env.example
new file mode 100644
index 00000000..2fc80e3a
--- /dev/null
+++ b/packages/server/.env.example
@@ -0,0 +1 @@
+PORT=3000
diff --git a/packages/ui/.env.example b/packages/ui/.env.example
new file mode 100644
index 00000000..25241b73
--- /dev/null
+++ b/packages/ui/.env.example
@@ -0,0 +1 @@
+PORT=8080
diff --git a/packages/ui/src/store/constant.js b/packages/ui/src/store/constant.js
index 972c5000..61acbd92 100644
--- a/packages/ui/src/store/constant.js
+++ b/packages/ui/src/store/constant.js
@@ -2,4 +2,5 @@
 export const gridSpacing = 3
 export const drawerWidth = 260
 export const appDrawerWidth = 320
+export const maxScroll = 100000
 export const baseURL = process.env.NODE_ENV === 'production' ? window.location.origin : window.location.origin.replace(':8080', ':3000')
diff --git a/packages/ui/src/views/chatmessage/ChatMessage.js b/packages/ui/src/views/chatmessage/ChatMessage.js
index b6632b1e..7c3dfdcf 100644
--- a/packages/ui/src/views/chatmessage/ChatMessage.js
+++ b/packages/ui/src/views/chatmessage/ChatMessage.js
@@ -34,6 +34,8 @@ import useApi from 'hooks/useApi'
 import useConfirm from 'hooks/useConfirm'
 import useNotifier from 'utils/useNotifier'
 
+import { maxScroll } from 'store/constant'
+
 export const ChatMessage = ({ chatflowid }) => {
     const theme = useTheme()
     const customization = useSelector((state) => state.customization)
@@ -116,7 +118,7 @@ export const ChatMessage = ({ chatflowid }) => {
 
     const scrollToBottom = () => {
         if (ps.current) {
-            ps.current.scrollTo({ top: Number.MAX_SAFE_INTEGER, behavior: 'smooth' })
+            ps.current.scrollTo({ top: maxScroll, behavior: 'smooth' })
         }
     }