import {useCallback, useEffect, useRef} from 'react';
import {AppState, AppStateStatus} from 'react-native';

/**
 * This hook will run on every app state change from background to foreground
 */
function useAppStateActive(onChange = () => {}, runOnMount = true) {
  const appState = useRef(AppState.currentState);

  const _handleChange = useCallback(
    (nextAppState: AppStateStatus) => {
      if (
        appState.current.match(/inactive|background/) &&
        nextAppState === 'active'
      ) {
        onChange();
      }
      appState.current = nextAppState;
    },
    [onChange],
  );

  useEffect(() => {
    const subscription = AppState.addEventListener('change', _handleChange);
    if (runOnMount) {
      onChange();
    }

    return () => {
      subscription.remove();
    };
  }, [_handleChange, onChange, runOnMount]);
}

export default useAppStateActive;