overleaf/services/web/frontend/js/features/review-panel-new/components/review-panel-container.tsx
Alf Eaton c6633632d6 Move CodeMirror contexts into a separate file (#20643)
GitOrigin-RevId: 8425454a75ff8160a03fda1be5bda2242b41f6cd
2024-09-30 08:04:48 +00:00

33 lines
1 KiB
TypeScript

import ReactDOM from 'react-dom'
import { useCodeMirrorViewContext } from '../../source-editor/components/codemirror-context'
import { memo } from 'react'
import ReviewPanel from './review-panel'
import { useLayoutContext } from '@/shared/context/layout-context'
import { useRangesContext } from '../context/ranges-context'
import { useThreadsContext } from '@/features/review-panel-new/context/threads-context'
import { hasActiveRange } from '@/features/review-panel-new/utils/has-active-range'
function ReviewPanelContainer() {
const view = useCodeMirrorViewContext()
const ranges = useRangesContext()
const threads = useThreadsContext()
const { reviewPanelOpen } = useLayoutContext()
if (!view) {
return null
}
// the full-width review panel
if (reviewPanelOpen) {
return ReactDOM.createPortal(<ReviewPanel />, view.scrollDOM)
}
// the mini review panel
if (hasActiveRange(ranges, threads)) {
return ReactDOM.createPortal(<ReviewPanel mini />, view.scrollDOM)
}
return null
}
export default memo(ReviewPanelContainer)