import { events } from '@mtyk/dev-client'
import { useEffect, useState } from 'react'

let _activeApp = { path: '', project: '' }
export default function useActiveApp() {
  const [activeApp, setActiveApp] = useState(_activeApp)

  useEffect(() => {
    const id = events.on('state', ({ activeApp }) => {
      setActiveApp(activeApp)
      _activeApp = activeApp
    })
    return () => {
      events.off('state', id)
    }
  }, [])

  return activeApp
}