github/overleaf
1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-10-24 21:12:38 -04:00
Code Issues Projects Releases Packages Wiki Activity

Sort track changes and comments in overview mode (#21099)

Browse source 
GitOrigin-RevId: 795d30b56e57970363512170f504ab51bd104c93
This commit is contained in:
Domagoj Kriskovic 2024-10-21 10:57:59 +02:00 committed by Copybot
parent 332e2a38c9
commit c606f04cce
1 changed files with 31 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

48
services/web/frontend/js/features/review-panel-new/components/review-panel-overview-file.tsx
View file

@ -3,9 +3,14 @@ import { MainDocument } from '../../../../../types/project-settings'
import { Ranges } from '../context/ranges-context'
import { ReviewPanelComment } from './review-panel-comment'
import { ReviewPanelChange } from './review-panel-change'
import { isDeleteChange, isInsertChange } from '@/utils/operations'
import {
isCommentOperation,
isDeleteChange,
isInsertChange,
} from '@/utils/operations'
import {
Change,
CommentOperation,
DeleteOperation,
EditOperation,
} from '../../../../../types/change'
@ -44,16 +49,15 @@ export const ReviewPanelOverviewFile: FC<{
return { aggregates, changes }
}, [ranges])
const unresolvedComments = useMemo(() => {
return ranges.comments.filter(comment => {
const entries = useMemo(() => {
const unresolvedComments = ranges.comments.filter(comment => {
const thread = threads?.[comment.op.t]
return thread && thread.messages.length > 0 && !thread.resolved
})
}, [ranges.comments, threads])
return [...changes, ...unresolvedComments].sort((a, b) => a.op.p - b.op.p)
}, [changes, ranges.comments, threads])
const numEntries = changes.length + unresolvedComments.length
if (numEntries === 0) {
if (entries.length === 0) {
return null
}
@ -70,31 +74,31 @@ export const ReviewPanelOverviewFile: FC<{
/>
{doc.doc.name}
<div className="review-panel-overview-file-entry-count">
{numEntries}
{entries.length}
</div>
</button>
{!collapsed && (
<div className="review-panel-overview-file-entries">
{changes.map(change => (
{entries.map(entry =>
isCommentOperation(entry.op) ? (
<ReviewPanelComment
key={entry.id}
comment={entry as Change<CommentOperation>}
docId={doc.doc.id}
hoverRanges={false}
/>
) : (
<ReviewPanelChange
key={change.id}
change={change}
aggregate={aggregates.get(change.id)}
key={entry.id}
change={entry as Change<EditOperation>}
aggregate={aggregates.get(entry.id)}
editable={false}
docId={doc.doc.id}
hoverRanges={false}
/>
))}
{unresolvedComments.map(comment => (
<ReviewPanelComment
key={comment.id}
comment={comment}
docId={doc.doc.id}
hoverRanges={false}
/>
))}
)
)}
</div>
)}
</div>