Merge pull request #3417 from overleaf/ta-outline-noinfo

Remove New Feature Info from Outline

GitOrigin-RevId: 61c737d77ffa020d291da5ab1022dfd2057141f6

services/web/frontend/extracted-translation-keys.json

@@ -61,7 +61,6 @@
   "somthing_went_wrong_compiling",
   "stop_on_validation_error",
   "terminated",
-  "the_file_outline_is_a_new_feature_click_the_icon_to_learn_more",
   "timedout",
   "toggle_compile_options_menu",
   "toggle_output_files_list",

services/web/frontend/js/features/outline/components/outline-pane.js

@@ -1,8 +1,7 @@
 import React, { useState, useEffect } from 'react'
 import PropTypes from 'prop-types'
-import { OverlayTrigger, Tooltip } from 'react-bootstrap'
 import classNames from 'classnames'
-import { useTranslation, Trans } from 'react-i18next'
+import { useTranslation } from 'react-i18next'
 
 import OutlineRoot from './outline-root'
 import Icon from '../../../shared/components/icon'
@@ -46,17 +45,6 @@ function OutlinePane({
     }
   }
 
-  const infoContent = (
-    <>
-      <Trans
-        i18nKey="the_file_outline_is_a_new_feature_click_the_icon_to_learn_more"
-        components={[<strong />]}
-      />
-      .
-    </>
-  )
-  const tooltip = <Tooltip id="outline-info-tooltip">{infoContent}</Tooltip>
-
   return (
     <div className={headerClasses}>
       <header className="outline-header">
@@ -71,19 +59,6 @@ function OutlinePane({
             classes={{ icon: 'outline-caret-icon' }}
           />
           <h4 className="outline-header-name">{t('file_outline')}</h4>
-          {expanded ? (
-            <OverlayTrigger placement="top" overlay={tooltip} delayHide={100}>
-              <a
-                href="/learn/how-to/Using_the_File_Outline_in_Overleaf"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="outline-header-info-badge"
-                onClick={ev => ev.stopPropagation()}
-              >
-                <span className="sr-only">{infoContent}</span>
-              </a>
-            </OverlayTrigger>
-          ) : null}
         </button>
       </header>
       {expanded && isTexFile ? (

services/web/locales/en.json

@@ -35,7 +35,6 @@
   "expand": "Expand",
   "collapse": "Collapse",
   "file_outline": "File outline",
-  "the_file_outline_is_a_new_feature_click_the_icon_to_learn_more": "The <0>File outline</0> is a new feature. Click the icon to learn more",
   "we_cant_find_any_sections_or_subsections_in_this_file": "We can’t find any sections or subsections in this file",
   "find_out_more_about_the_file_outline": "Find out more about the file outline",
   "invalid_institutional_email": "Your institution's SSO service returned your email address as __email__, which is at an unexpected domain that we do not recognise as belonging to it. You may be able to change your primary email address via your user profile at your institution to one at your institution's domain. Please contact your IT department if you have any questions.",

services/web/test/frontend/features/outline/components/outline-pane.test.js

@@ -49,7 +49,6 @@ describe('<OutlinePane />', function() {
     )
 
     screen.getByRole('tree')
-    screen.getByRole('link', { textMatch: 'The File outline is a new feature' })
   })
 
   it('renders disabled outline', function() {