Files
overleaf-cep/services/web/frontend/js/features/ide-react/components/layout/ide-page.tsx
Mathias Jakobsen a6ba9c1016 Merge pull request #31881 from overleaf/mj-ux-lite-editor-march-26
[web] Prepare re-run of UX lite survey

GitOrigin-RevId: e73249bd43dccfc6a40ee01d58bf01f6c6cf7f79
2026-03-06 09:10:51 +00:00

40 lines
1.9 KiB
TypeScript

import { Alerts } from '@/features/ide-react/components/alerts/alerts'
import { useLayoutEventTracking } from '@/features/ide-react/hooks/use-layout-event-tracking'
import useSocketListeners from '@/features/ide-react/hooks/use-socket-listeners'
import { useEditingSessionHeartbeat } from '@/features/ide-react/hooks/use-editing-session-heartbeat'
import { useRegisterUserActivity } from '@/features/ide-react/hooks/use-register-user-activity'
import { useHasLintingError } from '@/features/ide-react/hooks/use-has-linting-error'
import { Modals } from '@/features/ide-react/components/modals/modals'
import { GlobalAlertsProvider } from '@/features/ide-react/context/global-alerts-context'
import { GlobalToasts } from '../global-toasts'
import EditorSurvey from '../editor-survey'
import { useFeatureFlag } from '@/shared/context/split-test-context'
import { useStatusFavicon } from '@/features/ide-react/hooks/use-status-favicon'
import useThemedPage from '@/shared/hooks/use-themed-page'
import MainLayout from '@/features/ide-react/components/layout/main-layout'
import SettingsModalNew from '@/features/settings/components/settings-modal'
export default function IdePage() {
useLayoutEventTracking() // sent event when the layout changes
useSocketListeners() // listen for project-related websocket messages
useEditingSessionHeartbeat() // send a batched event when user is active
useRegisterUserActivity() // record activity and ensure connection when user is active
useHasLintingError() // pass editor:lint hasLintingError to the compiler
useStatusFavicon() // update the favicon based on the compile status
useThemedPage() // set the page theme based on user settings
const showEditorSurvey = useFeatureFlag('editor-popup-ux-survey-03-2026')
return (
<GlobalAlertsProvider>
<Alerts />
<Modals />
<SettingsModalNew />
<MainLayout />
<GlobalToasts />
{showEditorSurvey && <EditorSurvey />}
</GlobalAlertsProvider>
)
}