35 lines
1 KiB
JavaScript
35 lines
1 KiB
JavaScript
import {NetInfo} from 'react-native';
|
|
|
|
import {Client4} from 'mattermost-redux/client';
|
|
|
|
export async function checkConnection() {
|
|
// Ping the Mattermost server to detect if the we have network connection even if the websocket cannot connect
|
|
const server = `${Client4.getBaseRoute()}/system/ping?time=${Date.now()}`;
|
|
|
|
try {
|
|
await fetch(server);
|
|
return true;
|
|
} catch (error) {
|
|
return false;
|
|
}
|
|
}
|
|
|
|
function handleConnectionChange(onChange) {
|
|
return async () => {
|
|
const result = await checkConnection();
|
|
onChange(result);
|
|
};
|
|
}
|
|
|
|
export default function networkConnectionListener(onChange) {
|
|
const connectionChanged = handleConnectionChange(onChange);
|
|
|
|
NetInfo.isConnected.addEventListener('connectionChange', connectionChanged);
|
|
NetInfo.isConnected.fetch().then(connectionChanged);
|
|
|
|
const removeEventListener = () => NetInfo.isConnected.removeEventListener('connectionChange', connectionChanged); // eslint-disable-line
|
|
|
|
return {
|
|
removeEventListener
|
|
};
|
|
}
|