mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-04 22:25:59 -05:00
def2f7f4fd
GitOrigin-RevId: fef584609fa06e6313323c27bc6f9ab9b9a6c815
68 lines
1.9 KiB
TypeScript
68 lines
1.9 KiB
TypeScript
import { FC, useMemo } from 'react'
|
|
import { useFileTreeData } from '@/shared/context/file-tree-data-context'
|
|
import { Ranges, useRangesContext } from '../context/ranges-context'
|
|
import { useTranslation } from 'react-i18next'
|
|
import { ReviewPanelOverviewFile } from './review-panel-overview-file'
|
|
import ReviewPanelEmptyState from './review-panel-empty-state'
|
|
import useProjectRanges from '../hooks/use-project-ranges'
|
|
|
|
export const ReviewPanelOverview: FC = () => {
|
|
const { t } = useTranslation()
|
|
const { docs } = useFileTreeData()
|
|
const docRanges = useRangesContext()
|
|
|
|
const { projectRanges, error } = useProjectRanges()
|
|
|
|
const rangesForDocs = useMemo(() => {
|
|
if (docs && docRanges && projectRanges) {
|
|
const rangesForDocs = new Map<string, Ranges>()
|
|
|
|
for (const doc of docs) {
|
|
const ranges =
|
|
doc.doc.id === docRanges.docId
|
|
? docRanges
|
|
: projectRanges.get(doc.doc.id)
|
|
|
|
if (ranges) {
|
|
rangesForDocs.set(doc.doc.id, ranges)
|
|
}
|
|
}
|
|
|
|
return rangesForDocs
|
|
}
|
|
}, [docRanges, docs, projectRanges])
|
|
|
|
const showEmptyState = useMemo((): boolean => {
|
|
if (!rangesForDocs) {
|
|
// data isn't loaded yet
|
|
return false
|
|
}
|
|
|
|
for (const ranges of rangesForDocs.values()) {
|
|
if (ranges.changes.length > 0 || ranges.comments.length > 0) {
|
|
return false
|
|
}
|
|
}
|
|
|
|
return true
|
|
}, [rangesForDocs])
|
|
|
|
return (
|
|
<div className="review-panel-overview">
|
|
{error && <div>{t('something_went_wrong')}</div>}
|
|
|
|
{showEmptyState && <ReviewPanelEmptyState />}
|
|
|
|
{docs && rangesForDocs && (
|
|
<div>
|
|
{docs.map(doc => {
|
|
const ranges = rangesForDocs.get(doc.doc.id)
|
|
return (
|
|
ranges && <ReviewPanelOverviewFile doc={doc} ranges={ranges} />
|
|
)
|
|
})}
|
|
</div>
|
|
)}
|
|
</div>
|
|
)
|
|
}
|