44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
import { useEffect, useState } from 'react';
|
|
|
|
import {
|
|
getHostNetworkStatus,
|
|
type HostNetworkStatusSnapshot,
|
|
subscribeHostNetworkStatusChange,
|
|
} from '../services/host-bridge/hostBridge';
|
|
|
|
export function resolveHostNetworkOnline(
|
|
status: HostNetworkStatusSnapshot | false | null | undefined,
|
|
) {
|
|
if (!status) {
|
|
return true;
|
|
}
|
|
|
|
return status.isConnected && status.isInternetReachable !== false;
|
|
}
|
|
|
|
export function useHostNetworkOnline() {
|
|
const [isHostNetworkOnline, setIsHostNetworkOnline] = useState(true);
|
|
|
|
useEffect(() => {
|
|
let isDisposed = false;
|
|
|
|
const applyNetworkStatus = (
|
|
status: HostNetworkStatusSnapshot | false | null | undefined,
|
|
) => {
|
|
if (!isDisposed) {
|
|
setIsHostNetworkOnline(resolveHostNetworkOnline(status));
|
|
}
|
|
};
|
|
|
|
void getHostNetworkStatus().then(applyNetworkStatus);
|
|
const unsubscribe = subscribeHostNetworkStatusChange(applyNetworkStatus);
|
|
|
|
return () => {
|
|
isDisposed = true;
|
|
unsubscribe();
|
|
};
|
|
}, []);
|
|
|
|
return isHostNetworkOnline;
|
|
}
|