import { useEffect } from 'react';
import { notification } from 'antd';
import { useNetworkState, useFirstMountState } from 'react-use';

const useNetwork = () => {
  const isFirst = useFirstMountState();
  const { online } = useNetworkState();

  useEffect(() => {
    if (isFirst) {
      return;
    }

    if (!online) {
      notification.error({
        message: '网络连接断开',
        description: '请检查您的网络',
      });
    }
  }, [online, isFirst]);
};

export default useNetwork;