From 3eeee3b98396e8e2042e1ff6cfae4cde182e97f6 Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Tue, 17 Jun 2025 12:48:24 +0100
Subject: [PATCH] Merge pull request #26470 from overleaf/dp-labs-survey

Launch new editor redesign labs survey

GitOrigin-RevId: a39b319aecde7fa9a00fb0f7f77814f6a277ab6c
---
 .../js/features/ide-redesign/components/rail.tsx         | 5 ++++-
 .../ide-redesign/components/switcher-modal/modal.tsx     | 6 +++++-
 .../ide-redesign/components/toolbar/labs-actions.tsx     | 4 +++-
 .../ide-redesign/components/toolbar/menu-bar.tsx         | 6 +++++-
 .../js/features/ide-redesign/hooks/use-survey-url.tsx    | 9 +++++++++
 5 files changed, 26 insertions(+), 4 deletions(-)
 create mode 100644 services/web/frontend/js/features/ide-redesign/hooks/use-survey-url.tsx

diff --git a/services/web/frontend/js/features/ide-redesign/components/rail.tsx b/services/web/frontend/js/features/ide-redesign/components/rail.tsx
index 795c9adc38..bda56a5f59 100644
--- a/services/web/frontend/js/features/ide-redesign/components/rail.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/rail.tsx
@@ -43,6 +43,7 @@ import ErrorLogsPanel from './error-logs/error-logs-panel'
 import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
 import OldErrorPane from './error-logs/old-error-pane'
 import { useFeatureFlag } from '@/shared/context/split-test-context'
+import { useSurveyUrl } from '../hooks/use-survey-url'
 
 type RailElement = {
   icon: AvailableUnfilledIcon
@@ -410,6 +411,8 @@ const RailHelpDropdown = () => {
   const openContactUsModal = useCallback(() => {
     setActiveModal('contact-us')
   }, [setActiveModal])
+  const surveyURL = useSurveyUrl()
+
   return (
     <DropdownMenu>
       <DropdownItem onClick={openKeyboardShortcutsModal}>
@@ -430,7 +433,7 @@ const RailHelpDropdown = () => {
         </DropdownItem>
       )}
       <DropdownItem
-        href="https://forms.gle/soyVStc5qDx9na1Z6"
+        href={surveyURL}
         role="menuitem"
         target="_blank"
         rel="noopener noreferrer"
diff --git a/services/web/frontend/js/features/ide-redesign/components/switcher-modal/modal.tsx b/services/web/frontend/js/features/ide-redesign/components/switcher-modal/modal.tsx
index 2bb724c8a4..a9ccda33d9 100644
--- a/services/web/frontend/js/features/ide-redesign/components/switcher-modal/modal.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/switcher-modal/modal.tsx
@@ -15,6 +15,7 @@ import Notification from '@/shared/components/notification'
 import { useSwitchEnableNewEditorState } from '../../hooks/use-switch-enable-new-editor-state'
 import { Trans, useTranslation } from 'react-i18next'
 import { useEditorAnalytics } from '@/shared/hooks/use-editor-analytics'
+import { useSurveyUrl } from '../../hooks/use-survey-url'
 
 export const IdeRedesignSwitcherModal = () => {
   const { t } = useTranslation()
@@ -79,6 +80,9 @@ const SwitcherModalContentEnabled: FC<ModalContentProps> = ({
         // do nothing, we're already showing the error
       })
   }, [setEditorRedesignStatus, hide, sendEvent])
+
+  const surveyURL = useSurveyUrl()
+
   return (
     <>
       <OLModalBody>
@@ -104,7 +108,7 @@ const SwitcherModalContentEnabled: FC<ModalContentProps> = ({
           {t('cancel')}
         </OLButton>
         <OLButton
-          href="https://forms.gle/soyVStc5qDx9na1Z6"
+          href={surveyURL}
           target="_blank"
           rel="noopener noreferrer"
           variant="primary"
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/labs-actions.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/labs-actions.tsx
index 06a3a2ab4a..27630ca598 100644
--- a/services/web/frontend/js/features/ide-redesign/components/toolbar/labs-actions.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/labs-actions.tsx
@@ -4,6 +4,7 @@ import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
 import MaterialIcon from '@/shared/components/material-icon'
 import { useCallback } from 'react'
 import { useTranslation } from 'react-i18next'
+import { useSurveyUrl } from '../../hooks/use-survey-url'
 
 export const LabsActions = () => {
   const { t } = useTranslation()
@@ -11,6 +12,7 @@ export const LabsActions = () => {
   const openEditorRedesignSwitcherModal = useCallback(() => {
     setShowSwitcherModal(true)
   }, [setShowSwitcherModal])
+  const surveyURL = useSurveyUrl()
   return (
     <>
       <div className="ide-redesign-toolbar-button-container">
@@ -34,7 +36,7 @@ export const LabsActions = () => {
       </div>
       <div className="ide-redesign-toolbar-button-container">
         <a
-          href="https://forms.gle/soyVStc5qDx9na1Z6"
+          href={surveyURL}
           rel="noopener noreferrer"
           target="_blank"
           className="ide-redesign-toolbar-labs-feedback-link"
diff --git a/services/web/frontend/js/features/ide-redesign/components/toolbar/menu-bar.tsx b/services/web/frontend/js/features/ide-redesign/components/toolbar/menu-bar.tsx
index 68f4772644..d2593d7d07 100644
--- a/services/web/frontend/js/features/ide-redesign/components/toolbar/menu-bar.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/toolbar/menu-bar.tsx
@@ -26,6 +26,7 @@ import { isSplitTestEnabled } from '@/utils/splitTestUtils'
 import { useDetachCompileContext as useCompileContext } from '@/shared/context/detach-compile-context'
 import { useEditorAnalytics } from '@/shared/hooks/use-editor-analytics'
 import { useProjectSettingsContext } from '@/features/editor-left-menu/context/project-settings-context'
+import { useSurveyUrl } from '../../hooks/use-survey-url'
 
 export const ToolbarMenuBar = () => {
   const { t } = useTranslation()
@@ -188,6 +189,9 @@ export const ToolbarMenuBar = () => {
   const openContactUsModal = useCallback(() => {
     setActiveModal('contact-us')
   }, [setActiveModal])
+
+  const surveyURL = useSurveyUrl()
+
   return (
     <>
       <MenuBar
@@ -259,7 +263,7 @@ export const ToolbarMenuBar = () => {
           <MenuBarOption
             eventKey="give_feedback"
             title={t('give_feedback')}
-            href="https://forms.gle/soyVStc5qDx9na1Z6"
+            href={surveyURL}
             target="_blank"
             rel="noopener noreferrer"
           />
diff --git a/services/web/frontend/js/features/ide-redesign/hooks/use-survey-url.tsx b/services/web/frontend/js/features/ide-redesign/hooks/use-survey-url.tsx
new file mode 100644
index 0000000000..fadc077b70
--- /dev/null
+++ b/services/web/frontend/js/features/ide-redesign/hooks/use-survey-url.tsx
@@ -0,0 +1,9 @@
+import { useFeatureFlag } from '@/shared/context/split-test-context'
+
+export const useSurveyUrl = () => {
+  const newErrorlogs = useFeatureFlag('new-editor-error-logs-redesign')
+  if (newErrorlogs) {
+    return 'https://forms.gle/83QJ9ALJkiugxTZf8'
+  }
+  return 'https://forms.gle/soyVStc5qDx9na1Z6'
+}