Merge pull request #35543 from overleaf/mj-survey-removal

[web] Remove tabs and focus mode surveys

GitOrigin-RevId: 6ab783b6db0089a61b9620ba86fa1df36e30b79a

services/web/frontend/js/features/ide-react/components/toolbar/change-layout-options.tsx

@@ -17,7 +17,6 @@ import { Shortcut } from '@/shared/components/shortcut'
 import classNames from 'classnames'
 import { useEditorAnalytics } from '@/shared/hooks/use-editor-analytics'
 import { useFeatureFlag } from '@/shared/context/split-test-context'
-import SplitTestBadge from '@/shared/components/split-test-badge'
 
 type LayoutOption =
   | 'sideBySide'
@@ -193,13 +192,7 @@ export default function ChangeLayoutOptions() {
             active={focusMode}
             leadingIcon="crop_free"
             trailingIcon={
-              <span className="d-flex align-items-center gap-2">
-                <SplitTestBadge
-                  splitTestName="focus-mode"
-                  displayOnVariants={['enabled']}
-                />
-                {shortcuts.focusMode && <Shortcut keys={shortcuts.focusMode} />}
-              </span>
+              shortcuts.focusMode && <Shortcut keys={shortcuts.focusMode} />
             }
           >
             {t('focus_mode')}

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

@@ -19,7 +19,6 @@ import { useFeatureFlag } from '@/shared/context/split-test-context'
 import useIsNetworkStalled from '@/features/ide-react/hooks/use-is-network-stalled'
 import OLIconButton from '@/shared/components/ol/ol-icon-button'
 import OLTooltip from '@/shared/components/ol/ol-tooltip'
-import SplitTestBadge from '@/shared/components/split-test-badge'
 import OfflineIndicator from './offline-indicator'
 
 const [publishModalModules] = importOverleafModules('publishModalToolbarButton')
@@ -73,12 +72,6 @@ export const Toolbar = () => {
         </div>
         <ToolbarProjectTitle />
         <div className="ide-redesign-toolbar-actions">
-          <div className="ide-redesign-toolbar-button-container">
-            <SplitTestBadge
-              splitTestName="focus-mode"
-              displayOnVariants={['enabled']}
-            />
-          </div>
           {showViewSwitcher && (
             <div className="ide-redesign-toolbar-button-container">
               <OLTooltip

services/web/frontend/js/features/source-editor/components/tabs/tabs-container.tsx

@@ -5,7 +5,6 @@ import {
 } from '@/features/ide-react/context/tabs-context'
 import { Tab } from './tab'
 import { TabsContextMenu } from './tabs-context-menu'
-import SplitTestBadge from '@/shared/components/split-test-badge'
 import { useCallback, useMemo, useState } from 'react'
 import { throttle } from 'lodash'
 import { debugConsole } from '@/utils/debugging'
@@ -145,12 +144,6 @@ export const TabsContainer = () => {
           />
         ))}
       </div>
-      <div className="editor-tabs-labs-icon">
-        <SplitTestBadge
-          splitTestName="editor-tabs"
-          displayOnVariants={['enabled']}
-        />
-      </div>
       <TabsContextMenu />
     </div>
   )

services/web/test/frontend/features/source-editor/components/tabs.spec.tsx

@@ -1250,26 +1250,4 @@ describe('File Tabs', function () {
       )
     })
   })
-
-  describe('SplitTestBadge', function () {
-    it('renders the labs badge icon in the tabs container', function () {
-      cy.window().then(win => {
-        win.metaAttributesCache.set('ol-splitTestInfo', {
-          'editor-tabs': {
-            phase: 'beta',
-            badgeInfo: {
-              url: '/beta/editor-tabs',
-              tooltipText: 'Editor tabs are in beta',
-            },
-          },
-        })
-      })
-
-      mountTabs()
-
-      cy.then(() => selectDoc(DOC_IDS.main))
-
-      cy.get('.editor-tabs-labs-icon').should('exist')
-    })
-  })
 })