From c53411ff1dd631ded83e3d88e351c29cdea45498 Mon Sep 17 00:00:00 2001
From: Alf Eaton <alf.eaton@overleaf.com>
Date: Fri, 28 Apr 2023 09:40:37 +0100
Subject: [PATCH] Merge pull request #12776 from
 overleaf/ae-search-close-tooltip

[cm6] Add tooltip to search panel close button

GitOrigin-RevId: ba7f4ca5d672580054cb6214be94497fd5141730
---
 .../components/codemirror-search-form.tsx      | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/services/web/frontend/js/features/source-editor/components/codemirror-search-form.tsx b/services/web/frontend/js/features/source-editor/components/codemirror-search-form.tsx
index e822047590..e90ecb765e 100644
--- a/services/web/frontend/js/features/source-editor/components/codemirror-search-form.tsx
+++ b/services/web/frontend/js/features/source-editor/components/codemirror-search-form.tsx
@@ -412,14 +412,16 @@ const CodeMirrorSearchForm: FC = () => {
       </div>
 
       <div className="ol-cm-search-form-close">
-        <button
-          className="close"
-          onClick={() => closeSearchPanel(view)}
-          type="button"
-          aria-label={t('close')}
-        >
-          <span aria-hidden="true">&times;</span>
-        </button>
+        <Tooltip id="search-close" description={<>{t('close')} (Esc)</>}>
+          <button
+            className="close"
+            onClick={() => closeSearchPanel(view)}
+            type="button"
+            aria-label={t('close')}
+          >
+            <span aria-hidden="true">&times;</span>
+          </button>
+        </Tooltip>
       </div>
     </form>
   )