mirrors/cinny
1
0
Fork 0
mirror of https://github.com/cinnyapp/cinny.git synced 2025-11-04 14:30:29 +03:00
Code Issues Projects Releases Packages Wiki Activity Actions

Swap our visibility handler and notification implementation to use the global app events

Browse source
This commit is contained in:
Gigiaj 2025-06-21 05:11:31 -05:00
parent 2861ccdc46
commit ff7c40ec85
1 changed files with 37 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

46
src/app/pages/client/ClientRoot.tsx
View file

@ -39,6 +39,7 @@ import { stopPropagation } from '../../utils/keyboard';
import { SyncStatus } from './SyncStatus';
import { togglePusher } from '../../features/settings/notifications/PushNotifications';
import { ClientConfig, useClientConfig } from '../../hooks/useClientConfig';
import { appEvents } from '../../utils/appEvents';
function ClientRootLoading() {
return (
@ -178,17 +179,44 @@ export function ClientRoot({ children }: ClientRootProps) {
}
}, [mx, startMatrix]);
useEffect(() => {
const handleVisibilityChange = () => {
const isVisible = document.visibilityState === 'visible';
appEvents.onVisibilityChange?.(isVisible);
if (!isVisible) {
appEvents.onVisibilityHidden?.();
}
};
document.addEventListener('visibilitychange', handleVisibilityChange);
return () => {
document.removeEventListener('visibilitychange', handleVisibilityChange);
};
}, []);
useEffect(() => {
if (!mx) return;
const handleVisibilityForNotifications = (isVisible: boolean) => {
togglePusher(mx, clientConfig, isVisible);
};
appEvents.onVisibilityChange = handleVisibilityForNotifications;
return () => {
appEvents.onVisibilityChange = null;
};
}, [mx, clientConfig]);
useSyncState(
mx,
useCallback(
(state) => {
if (state === 'PREPARED') {
setLoading(false);
pushNotificationListener(mx, clientConfig);
}
},
[clientConfig, mx]
)
useCallback((state) => {
if (state === 'PREPARED') {
setLoading(false);
}
}, [])
);
return (
<SpecVersions baseUrl={baseUrl!}>