fix: the scroll button is not displayed by default (#552)

RainyNight9 · web-flow · commit c13151d69e13 · 2025-05-23T14:53:57.000+08:00
* fix: the scroll button is not displayed by default

* docs: update notes
diff --git a/docs/content.en/docs/release-notes/_index.md b/docs/content.en/docs/release-notes/_index.md
@@ -42,6 +42,7 @@ Information about release notes of Coco Server is provided here.
 - fix: switch server assistant and session unchanged #540
 - fix: history list height #550
 - fix: secondary page cannot be searched #551
+- fix: the scroll button is not displayed by default #552
 
 ### ✈️ Improvements
 
diff --git a/src/components/Assistant/ChatContent.tsx b/src/components/Assistant/ChatContent.tsx
@@ -52,10 +52,6 @@ export const ChatContent = ({
     return state.setCurrentSessionId;
   });
 
-  useEffect(() => {
-    setCurrentSessionId(activeChat?._id);
-  }, [activeChat?._id]);
-
   const { t } = useTranslation();
 
   const uploadFiles = useChatStore((state) => state.uploadFiles);
@@ -65,10 +61,15 @@ export const ChatContent = ({
   const scrollRef = useRef<HTMLDivElement>(null);
   const [isAtBottom, setIsAtBottom] = useState(true);
 
+  useEffect(() => {
+    setIsAtBottom(true);
+    setCurrentSessionId(activeChat?._id);
+  }, [activeChat?._id]);
+
   useEffect(() => {
     scrollToBottom();
   }, [
-    activeChat?.messages,
+    activeChat?.id,
     query_intent?.message_chunk,
     fetch_source?.message_chunk,
     pick_source?.message_chunk,
@@ -173,7 +174,7 @@ export const ChatContent = ({
 
       {sessionId && <SessionFile sessionId={sessionId} />}
 
-      <Splash assistantIDs={assistantIDs}/>
+      <Splash assistantIDs={assistantIDs} />
 
       <ScrollToBottom scrollRef={scrollRef} isAtBottom={isAtBottom} />
     </div>
