Merge pull request #16120 from overleaf/ii-rp-track-changes-indicators

[web] Review panel track changes indicators

GitOrigin-RevId: 8911ca1774648ecdde6f0ee173b06f20b1de4e9a

services/web/frontend/js/features/source-editor/components/review-panel/entries/aggregate-change-entry.tsx

@@ -54,7 +54,7 @@ function AggregateChangeEntry({
     ? content.substring(0, contentLimit)
     : content
 
-  const handleEntryClick = useEntryClick(docId, offset)
+  const handleEntryClick = useEntryClick(docId, offset, endHover)
 
   const handleDeletionToggleCollapse = () => {
     setIsDeletionCollapsed(value => !value)

services/web/frontend/js/features/source-editor/components/review-panel/entries/change-entry.tsx

@@ -50,7 +50,7 @@ function ChangeEntry({
   const needsCollapsing = content.length > contentLimit
   const isInsert = type === 'insert'
 
-  const handleEntryClick = useEntryClick(docId, offset)
+  const handleEntryClick = useEntryClick(docId, offset, endHover)
 
   const handleToggleCollapse = () => {
     setIsCollapsed(value => !value)

services/web/frontend/js/features/source-editor/components/review-panel/hooks/use-entry-click.ts

@@ -1,7 +1,11 @@
 import { useReviewPanelUpdaterFnsContext } from '@/features/source-editor/context/review-panel/review-panel-context'
 import { DocId } from '../../../../../../../types/project-settings'
 
-export function useEntryClick(docId: DocId, offset: number) {
+export function useEntryClick(
+  docId: DocId,
+  offset: number,
+  cb?: (e: React.MouseEvent<HTMLDivElement>) => void
+) {
   const { gotoEntry } = useReviewPanelUpdaterFnsContext()
 
   return (e: React.MouseEvent<HTMLDivElement>) => {
@@ -23,5 +27,7 @@ export function useEntryClick(docId: DocId, offset: number) {
         gotoEntry(docId, offset)
       }
     }
+
+    cb?.(e)
   }
 }