From 91121a82b7818fe747b98eefe7c3671f24de2ccd Mon Sep 17 00:00:00 2001
From: ilkin-overleaf <100852799+ilkin-overleaf@users.noreply.github.com>
Date: Fri, 8 Dec 2023 14:12:40 +0200
Subject: [PATCH] Merge pull request #16147 from
 overleaf/ii-ide-page-prototype-review-panel-add-last-editor-events

[web] React ide page add missing editor events

GitOrigin-RevId: 070acde5e8b2dd324584c8703941745f8d2e7bb6
---
 .../review-panel/hooks/use-review-panel-state.ts   | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/services/web/frontend/js/features/ide-react/context/review-panel/hooks/use-review-panel-state.ts b/services/web/frontend/js/features/ide-react/context/review-panel/hooks/use-review-panel-state.ts
index 19e82c46af..913e1ebb8e 100644
--- a/services/web/frontend/js/features/ide-react/context/review-panel/hooks/use-review-panel-state.ts
+++ b/services/web/frontend/js/features/ide-react/context/review-panel/hooks/use-review-panel-state.ts
@@ -1177,6 +1177,10 @@ function useReviewPanelState(): ReviewPanelStateReactIde {
       handleLayoutChange()
     }
 
+    const editorTrackChangesVisibilityChanged = () => {
+      handleLayoutChange({ async: true, animate: false })
+    }
+
     const editorFocusChanged = (
       selectionOffsetStart: number,
       selectionOffsetEnd: number,
@@ -1328,6 +1332,11 @@ function useReviewPanelState(): ReviewPanelStateReactIde {
           break
         }
 
+        case 'track-changes:visibility_changed': {
+          editorTrackChangesVisibilityChanged()
+          break
+        }
+
         case 'focus:changed': {
           const { from, to, empty, updateType } = payload
           editorFocusChanged(from, to, !empty, updateType)
@@ -1343,6 +1352,11 @@ function useReviewPanelState(): ReviewPanelStateReactIde {
           toggleTrackChangesFromKbdShortcut()
           break
         }
+
+        case 'toggle-review-panel': {
+          toggleReviewPanel()
+          break
+        }
       }
     }