import { useEffect, useState } from 'react';

export function useOnline(): boolean {
    
    const [online, setOnline] = useState(true);

    useEffect(() => {
        // Display offline notification
        const goOffline = () => setOnline(false);
        const goOnline = () => setOnline(true);

        window.addEventListener('online', goOnline);
        window.addEventListener('offline', goOffline);

        return () => {
            window.removeEventListener('online', goOnline);
            window.removeEventListener('offline', goOffline);
        };
    }, []);

    return online;
}