优化

src/page/Meeting/index.tsx

@@ -3,7 +3,7 @@ import { useEffect, useRef, useState } from "react";
 import Operation from '@/components/Operation';
 import SpeakerModeModal from '@/components/SpeakerModeModal';
 import InvitingPersonnelModal from '@/components/InvitingPersonnelModal';
-import { Button, Input, Popover, Modal, Checkbox, message, Popconfirm } from "antd";
+import { Button, Input, Popover, Modal, Checkbox, message, Popconfirm, notification } from "antd";
 import { SearchOutlined, EllipsisOutlined, ExclamationCircleFilled } from '@ant-design/icons';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { thumbImageBufferToBase64 } from '@/utils/package/base64'
@@ -130,6 +130,11 @@ const Meeting: React.FC = () => {
     '我要发言',
   ])
   const [roomUserItem, setRoomUserItem] = useState<any>(null)
+  const [api, contextHolder] = notification.useNotification({
+    stack: {
+      threshold: 3
+    }
+  });
   let userInfo = JSON.parse(storage.getItem('user') as string)
   const msgTips = '您不是管理员或发言人，无法开启此功能！'
   useEffect(() => {
@@ -206,7 +211,6 @@ const Meeting: React.FC = () => {
     time = setInterval(() => {
       setCurrentSeconds(currentSeconds++)
     }, 1000)
-
     return () => {
       window.removeEventListener('customStorageChange', handleCustomStorageChange);
       window.removeEventListener('online', handleNetworkChange);
@@ -251,6 +255,17 @@ const Meeting: React.FC = () => {
             setNoViewChatList(storageNoViewChatList)
           }
           setChatList((newChatList: any) => [...newChatList, item])
+          setStatusList((res: any) => {
+            if (!res.userChatList) {
+              api.open({
+                message: '消息',
+                description: item.message,
+                duration: 3,
+                showProgress: true,
+              });
+            }
+            return res
+          })
           chatScrollBotton()
           break;
         // 扩展操作
@@ -963,9 +978,8 @@ const Meeting: React.FC = () => {
   }
   return (
     <>
-      <div className={styles.meeting} onClick={() => {
+      <div className={styles.meeting}>
-
+        {contextHolder}
-      }}>
         <div className={styles.meetingHeader}>
           <div>
             <div>