overleaf/services/web/frontend/js/features/ide-react/components/history-container.tsx
Alf Eaton 0dfb4d8de6 Lazy-load the React History view (#17290)
GitOrigin-RevId: 6d6ee5e993658e0895d9c2bcd4c2f60bba86c04e
2024-02-27 17:02:01 +00:00

25 lines
765 B
TypeScript

import { useLayoutContext } from '../../../shared/context/layout-context'
import { FullSizeLoadingSpinner } from '../../../shared/components/loading-spinner'
import { ErrorBoundaryFallback } from '../../../shared/components/error-boundary-fallback'
import withErrorBoundary from '../../../infrastructure/error-boundary'
import { lazy, Suspense } from 'react'
const HistoryRoot = lazy(
() => import('@/features/ide-react/components/history-root')
)
function HistoryContainer() {
const { view } = useLayoutContext()
if (view !== 'history') {
return null
}
return (
<Suspense fallback={<FullSizeLoadingSpinner delay={500} />}>
<HistoryRoot />
</Suspense>
)
}
export default withErrorBoundary(HistoryContainer, ErrorBoundaryFallback)