overleaf/services/web/frontend/js/features/ide-react/hooks/use-layout-event-tracking.ts

import { useLayoutContext } from '@/shared/context/layout-context'
import { useEffect } from 'react'
import { sendMBOnce } from '@/infrastructure/event-tracking'

export function useLayoutEventTracking() {
  const { view, leftMenuShown, chatIsOpen } = useLayoutContext()

  useEffect(() => {
    if (view !== 'editor' && view !== 'pdf') {
      sendMBOnce(`ide-open-view-${view}-once`)
    }
  }, [view])

  useEffect(() => {
    if (leftMenuShown) {
      sendMBOnce(`ide-open-left-menu-once`)
    }
  }, [leftMenuShown])

  useEffect(() => {
    if (chatIsOpen) {
      sendMBOnce(`ide-open-chat-once`)
    }
  }, [chatIsOpen])
}