Merge pull request #16152 from overleaf/ii-ide-page-prototype-review-panel-mini

[web] React ide page mini review panel

GitOrigin-RevId: 4c4ee8095446a2f72371024b93a07dbd1dbd2a63

services/web/frontend/js/shared/context/layout-context.tsx

@@ -33,6 +33,10 @@ type LayoutContextValue = {
   setReviewPanelOpen: Dispatch<
     SetStateAction<LayoutContextValue['reviewPanelOpen']>
   >
+  miniReviewPanelVisible: boolean
+  setMiniReviewPanelVisible: Dispatch<
+    SetStateAction<LayoutContextValue['miniReviewPanelVisible']>
+  >
   leftMenuShown: boolean
   setLeftMenuShown: Dispatch<
     SetStateAction<LayoutContextValue['leftMenuShown']>
@@ -93,6 +97,10 @@ export const LayoutProvider: FC = ({ children }) => {
   const [reviewPanelOpen, setReviewPanelOpen] =
     useScopeValue('ui.reviewPanelOpen')
 
+  // whether the review pane is collapsed
+  const [miniReviewPanelVisible, setMiniReviewPanelVisible] =
+    useScopeValue<boolean>('ui.miniReviewPanelVisible')
+
   // whether the menu pane is open
   const [leftMenuShown, setLeftMenuShown] =
     useScopeValue<boolean>('ui.leftMenuShown')
@@ -168,11 +176,13 @@ export const LayoutProvider: FC = ({ children }) => {
       pdfLayout,
       pdfPreviewOpen,
       reviewPanelOpen,
+      miniReviewPanelVisible,
       loadingStyleSheet,
       setChatIsOpen,
       setLeftMenuShown,
       setPdfLayout,
       setReviewPanelOpen,
+      setMiniReviewPanelVisible,
       setLoadingStyleSheet,
       setView,
       view,
@@ -188,11 +198,13 @@ export const LayoutProvider: FC = ({ children }) => {
       pdfLayout,
       pdfPreviewOpen,
       reviewPanelOpen,
+      miniReviewPanelVisible,
       loadingStyleSheet,
       setChatIsOpen,
       setLeftMenuShown,
       setPdfLayout,
       setReviewPanelOpen,
+      setMiniReviewPanelVisible,
       setLoadingStyleSheet,
       setView,
       view,