Merge pull request #24137 from overleaf/mj-ide-permissions-utils

[web] Add switcher for editor redesign

GitOrigin-RevId: 806a1f567027df53f879b564a50aaae9166c8480

services/web/frontend/js/features/ide-react/components/layout/ide-page.tsx

@@ -10,7 +10,7 @@ import { useHasLintingError } from '@/features/ide-react/hooks/use-has-linting-e
 import { Modals } from '@/features/ide-react/components/modals/modals'
 import { GlobalAlertsProvider } from '@/features/ide-react/context/global-alerts-context'
 import { GlobalToasts } from '../global-toasts'
-import { useFeatureFlag } from '@/shared/context/split-test-context'
+import { useIsNewEditorEnabled } from '@/features/ide-redesign/utils/new-editor-utils'
 
 const MainLayoutNew = lazy(
   () => import('@/features/ide-redesign/components/main-layout')
@@ -26,7 +26,7 @@ export default function IdePage() {
   useRegisterUserActivity() // record activity and ensure connection when user is active
   useHasLintingError() // pass editor:lint hasLintingError to the compiler
 
-  const newEditor = useFeatureFlag('editor-redesign')
+  const newEditor = useIsNewEditorEnabled()
 
   return (
     <GlobalAlertsProvider>

services/web/frontend/js/features/ide-react/components/modals/modals.tsx

@@ -2,6 +2,7 @@ import { memo } from 'react'
 import ForceDisconnected from '@/features/ide-react/components/modals/force-disconnected'
 import { UnsavedDocs } from '@/features/ide-react/components/unsaved-docs/unsaved-docs'
 import SystemMessages from '@/shared/components/system-messages'
+import { IdeRedesignSwitcherModal } from '@/features/ide-redesign/components/switcher-modal/modal'
 
 export const Modals = memo(() => {
   return (
@@ -9,6 +10,7 @@ export const Modals = memo(() => {
       <ForceDisconnected />
       <UnsavedDocs />
       <SystemMessages />
+      <IdeRedesignSwitcherModal />
     </>
   )
 })