import { useDispatch } from 'react-redux'
import { hideSplashScreen } from 'src/features/splashScreen/splashScreenSlice'
import { useEvent } from 'utilities/src/react/hooks'

/**
 * Custom wrapped function to hide the splash screen.
 * We need this so that we can hide any errors that may occur (e.g. unhandled promise rejection when FaceID is unlocking)
 */
export function useHideSplashScreen(): () => void {
  const dispatch = useDispatch()

  return useEvent(() => {
    dispatch(hideSplashScreen())
  })
}
