From 63b8e72ed81e48fb1a3278ca2b8ecae8ca88b6e7 Mon Sep 17 00:00:00 2001
From: David <33458145+davidmcpowell@users.noreply.github.com>
Date: Thu, 10 Jul 2025 14:52:28 +0100
Subject: [PATCH] Merge pull request #27040 from
 overleaf/dp-file-tree-close-button

Add close button to file tree rail panel

GitOrigin-RevId: d8abac122e266922b9ca914bc5df6ae7895b3796
---
 ...alSymbolsRoundedUnfilledPartialSlice.woff2 | Bin 5112 -> 5168 bytes
 .../material-symbols/unfilled-symbols.mjs     |   1 +
 .../file-tree/file-tree-action-buttons.tsx    |   8 +++++++
 .../components/rail-panel-header.tsx          |  21 +++++++++++------
 .../js/shared/components/panel-heading.tsx    |  22 +++++++++++-------
 5 files changed, 37 insertions(+), 15 deletions(-)

diff --git a/services/web/frontend/fonts/material-symbols/MaterialSymbolsRoundedUnfilledPartialSlice.woff2 b/services/web/frontend/fonts/material-symbols/MaterialSymbolsRoundedUnfilledPartialSlice.woff2
index baac847d54d56c1d17754de133b9f630c59170fc..260d4c367026d78dbd1a1eba997a33c6c2030afb 100644
GIT binary patch
literal 5168
zcmV-06wm8-Pew8T0RR9102D9)4gdfE04o>(029~%0RR9100000000000000000000
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

literal 5112
zcmV<U69?>fPew8T0RR9102BBC4gdfE04jt4028190RR9100000000000000000000
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
a6`@uI((pt$3(T5TbfN~HWk~vu65{})JF;8=

diff --git a/services/web/frontend/fonts/material-symbols/unfilled-symbols.mjs b/services/web/frontend/fonts/material-symbols/unfilled-symbols.mjs
index b2c1f72eaf..da5a97585c 100644
--- a/services/web/frontend/fonts/material-symbols/unfilled-symbols.mjs
+++ b/services/web/frontend/fonts/material-symbols/unfilled-symbols.mjs
@@ -7,6 +7,7 @@ export default /** @type {const} */ ([
   'auto_delete',
   'book_5',
   'brush',
+  'close',
   'code',
   'content_copy',
   'create_new_folder',
diff --git a/services/web/frontend/js/features/ide-redesign/components/file-tree/file-tree-action-buttons.tsx b/services/web/frontend/js/features/ide-redesign/components/file-tree/file-tree-action-buttons.tsx
index 59e06b00ef..bcac7c4ba9 100644
--- a/services/web/frontend/js/features/ide-redesign/components/file-tree/file-tree-action-buttons.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/file-tree/file-tree-action-buttons.tsx
@@ -6,11 +6,13 @@ import React from 'react'
 import { useCommandProvider } from '@/features/ide-react/hooks/use-command-provider'
 import { usePermissionsContext } from '@/features/ide-react/context/permissions-context'
 import FileTreeActionButton from './file-tree-action-button'
+import { useRailContext } from '../../contexts/rail-context'
 
 export default function FileTreeActionButtons() {
   const { t } = useTranslation()
   const { fileTreeReadOnly } = useFileTreeData()
   const { write } = usePermissionsContext()
+  const { handlePaneCollapse } = useRailContext()
 
   const {
     canCreate,
@@ -102,6 +104,12 @@ export default function FileTreeActionButtons() {
           iconType="delete"
         />
       )}
+      <FileTreeActionButton
+        id="close"
+        description={t('close')}
+        onClick={handlePaneCollapse}
+        iconType="close"
+      />
     </div>
   )
 }
diff --git a/services/web/frontend/js/features/ide-redesign/components/rail-panel-header.tsx b/services/web/frontend/js/features/ide-redesign/components/rail-panel-header.tsx
index 94ac2f42af..47d45c6c46 100644
--- a/services/web/frontend/js/features/ide-redesign/components/rail-panel-header.tsx
+++ b/services/web/frontend/js/features/ide-redesign/components/rail-panel-header.tsx
@@ -2,6 +2,7 @@ import { useTranslation } from 'react-i18next'
 import { useRailContext } from '../contexts/rail-context'
 import OLIconButton from '@/features/ui/components/ol/ol-icon-button'
 import React from 'react'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
 
 export default function RailPanelHeader({
   title,
@@ -18,13 +19,19 @@ export default function RailPanelHeader({
 
       <div className="rail-panel-header-actions">
         {actions}
-        <OLIconButton
-          onClick={handlePaneCollapse}
-          className="rail-panel-header-button-subdued"
-          icon="close"
-          accessibilityLabel={t('close')}
-          size="sm"
-        />
+        <OLTooltip
+          id="close-rail-panel"
+          description={t('close')}
+          overlayProps={{ placement: 'bottom' }}
+        >
+          <OLIconButton
+            onClick={handlePaneCollapse}
+            className="rail-panel-header-button-subdued"
+            icon="close"
+            accessibilityLabel={t('close')}
+            size="sm"
+          />
+        </OLTooltip>
       </div>
     </header>
   )
diff --git a/services/web/frontend/js/shared/components/panel-heading.tsx b/services/web/frontend/js/shared/components/panel-heading.tsx
index 356fbaa904..08952a5fd1 100644
--- a/services/web/frontend/js/shared/components/panel-heading.tsx
+++ b/services/web/frontend/js/shared/components/panel-heading.tsx
@@ -2,6 +2,7 @@ import { FC } from 'react'
 import SplitTestBadge from '@/shared/components/split-test-badge'
 import MaterialIcon from '@/shared/components/material-icon'
 import { useTranslation } from 'react-i18next'
+import OLTooltip from '@/features/ui/components/ol/ol-tooltip'
 
 export const PanelHeading: FC<
   React.PropsWithChildren<{
@@ -26,15 +27,20 @@ export const PanelHeading: FC<
       </div>
 
       {children}
-
-      <button
-        type="button"
-        className="btn panel-heading-close-button"
-        aria-label={t('close')}
-        onClick={handleClose}
+      <OLTooltip
+        id="close-panel"
+        description={t('close')}
+        overlayProps={{ placement: 'bottom' }}
       >
-        <MaterialIcon type="close" />
-      </button>
+        <button
+          type="button"
+          className="btn panel-heading-close-button"
+          aria-label={t('close')}
+          onClick={handleClose}
+        >
+          <MaterialIcon type="close" />
+        </button>
+      </OLTooltip>
     </div>
   )
 }