overleaf/services/web/frontend/js/features/ide-react/components/ide-root.tsx
Tim Down 719da5fbd8 Merge pull request #15056 from overleaf/td-ide-connection-load
IDE page: connection manager and loading screen

GitOrigin-RevId: 2cbc8c09aeb36a14eae66da78b267c7a830fb71a
2023-10-17 08:03:13 +00:00

26 lines
956 B
TypeScript

import { GenericErrorBoundaryFallback } from '@/shared/components/generic-error-boundary-fallback'
import withErrorBoundary from '@/infrastructure/error-boundary'
import IdePage from '@/features/ide-react/components/layout/ide-page'
import { ReactContextRoot } from '@/features/ide-react/context/react-context-root'
import { Loading } from '@/features/ide-react/components/loading'
import getMeta from '@/utils/meta'
function IdeRoot() {
// Check that we haven't inadvertently loaded Angular
// TODO: Remove this before rolling out this component to any users
if (typeof window.angular !== 'undefined') {
throw new Error('Angular detected. This page must not load Angular.')
}
const loadingText = getMeta('ol-loadingText')
return (
<ReactContextRoot>
<Loading loadingText={loadingText}>
<IdePage />
</Loading>
</ReactContextRoot>
)
}
export default withErrorBoundary(IdeRoot, GenericErrorBoundaryFallback)