From 9843405ba6a61e72cd1ead4e17bc564ca52fe738 Mon Sep 17 00:00:00 2001
From: mannix <zx2351634862@outlook.com>
Date: Fri, 2 Aug 2024 14:45:30 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20=E6=B8=85=E7=A9=BA?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D=E5=90=8E=EF=BC=8C=E3=80=90=E8=BF=94=E5=9B=9E?=
 =?UTF-8?q?=E5=BA=95=E9=83=A8=E3=80=91=E6=8C=89=E9=92=AE=E6=9C=AA=E9=9A=90?=
 =?UTF-8?q?=E8=97=8F=20#183=20(#287)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/ProChat/container/App.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/ProChat/container/App.tsx b/src/ProChat/container/App.tsx
index 05e8dbd..42eb7df 100644
--- a/src/ProChat/container/App.tsx
+++ b/src/ProChat/container/App.tsx
@@ -14,6 +14,9 @@ import { useOverrideStyles } from './OverrideStyle';
 import { ProChatChatReference } from './StoreUpdater';
 import { ProChatProps } from './index';
 
+import { useStore } from '@/ProChat/store';
+import { chatSelectors } from '@/ProChat/store/selectors';
+
 const useStyles = createStyles(
   ({ css, responsive, stylish }) => css`
     overflow: hidden scroll;
@@ -103,6 +106,8 @@ const App = memo<ConversationProps>(
     const [height, setHeight] = useState('100%' as string | number);
     const { getPrefixCls } = useContext(ConfigProvider.ConfigContext);
     const { localeObject } = useProChatLocale();
+    const messages = useStore(chatSelectors.currentChats);
+    const [backBottomVisiable, setBackBottomVisiable] = useState<boolean>(messages?.length > 0);
 
     useEffect(() => {
       // 保证 ref 永远存在
@@ -118,6 +123,10 @@ const App = memo<ConversationProps>(
       }
     }, []);
 
+    useEffect(() => {
+      setBackBottomVisiable(messages?.length > 0);
+    }, [messages]);
+
     const prefixClass = getPrefixCls('pro-chat');
     return (
       <RcResizeObserver
@@ -157,7 +166,7 @@ const App = memo<ConversationProps>(
               />
               {ref?.current && <ChatScrollAnchor target={ref} />}
             </div>
-            {isRender && ref?.current ? (
+            {isRender && backBottomVisiable && ref?.current ? (
               <BackBottom
                 style={{
                   bottom: 138,