fm453/nocobase
1
0
Fork 0
mirror of https://gitee.com/nocobase/nocobase.git synced 2025-05-05 05:29:26 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(in-app-message): disconnect SSE on mobile when message component unmounts or tab is switched to avoid excessive persistent connections.

Browse Source
This commit is contained in:
Sheldon Guo 2025-04-18 12:23:25 +08:00 committed by GitHub
parent 3067b3a4b1
commit f5818066ca
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 27 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
packages/plugins/@nocobase/plugin-notification-in-app-message/src/client/components/mobile/MobileTabBarMessageItem.tsx
View File

@ -7,11 +7,11 @@
* For more information, please refer to: https://www.nocobase.com/agreement.
*/
import React, { useEffect } from 'react';
import { observer } from '@formily/reactive-react';
import { useNavigate, useLocation } from 'react-router-dom';
import { MobileTabBarItem } from '@nocobase/plugin-mobile/client';
import { unreadMsgsCountObs, startMsgSSEStreamWithRetry, updateUnreadMsgsCount } from '../../observables';
import React, { useEffect } from 'react';
import { useLocation, useNavigate } from 'react-router-dom';
import { startMsgSSEStreamWithRetry, unreadMsgsCountObs, updateUnreadMsgsCount } from '../../observables';
const InnerMobileTabBarMessageItem = (props) => {
const navigate = useNavigate();
@ -19,9 +19,32 @@ const InnerMobileTabBarMessageItem = (props) => {
const onClick = () => {
navigate('/page/in-app-message');
};
useEffect(() => {
startMsgSSEStreamWithRetry();
const disposes: Array<() => void> = [];
disposes.push(startMsgSSEStreamWithRetry());
const disposeAll = () => {
while (disposes.length > 0) {
const dispose = disposes.pop();
dispose && dispose();
}
};
const onVisibilityChange = () => {
if (document.visibilityState === 'visible') {
disposes.push(startMsgSSEStreamWithRetry());
} else {
disposeAll();
}
};
document.addEventListener('visibilitychange', onVisibilityChange);
return () => {
disposeAll();
document.removeEventListener('visibilitychange', onVisibilityChange);
};
}, []);
const selected = props.url && location.pathname.startsWith(props.url);
return (