agw/overleaf-cep
1
0
Fork 0
mirror of https://github.com/yu-i-i/overleaf-cep.git synced 2026-05-23 17:19:37 +02:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #27365 from overleaf/dp-hide-file-tree-buttons

Browse Source 
Hide new editor file tree action buttons when file tree is collapsed

GitOrigin-RevId: 1f75593c8e1b1f6ed0d6054a2987b8fa46edd067
This commit is contained in:
Alexandre Bourdin
2025-07-29 10:09:26 +02:00
committed by Copybot
parent 712aebff7a
commit 2387aeef0e
2 changed files with 41 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

72
services/web/frontend/js/features/ide-redesign/components/file-tree/file-tree-action-buttons.tsx
View File

@@ -8,7 +8,11 @@ import { usePermissionsContext } from '@/features/ide-react/context/permissions-
import FileTreeActionButton from './file-tree-action-button'
import { useRailContext } from '../../contexts/rail-context'
export default function FileTreeActionButtons() {
export default function FileTreeActionButtons({
fileTreeExpanded,
}: {
fileTreeExpanded: boolean
}) {
const { t } = useTranslation()
const { fileTreeReadOnly } = useFileTreeData()
const { write } = usePermissionsContext()
@@ -72,37 +76,41 @@ export default function FileTreeActionButtons() {
return (
<div className="file-tree-toolbar-action-buttons">
{canCreate && (
<FileTreeActionButton
id="new-file"
description={t('new_file')}
onClick={createWithAnalytics}
iconType="note_add"
/>
)}
{canCreate && (
<FileTreeActionButton
id="new-folder"
description={t('new_folder')}
onClick={startCreatingFolder}
iconType="create_new_folder"
/>
)}
{canCreate && (
<FileTreeActionButton
id="upload"
description={t('upload')}
onClick={uploadWithAnalytics}
iconType="upload"
/>
)}
{canBulkDelete && (
<FileTreeActionButton
id="delete"
description={t('delete')}
onClick={startDeleting}
iconType="delete"
/>
{fileTreeExpanded && (
<>
{canCreate && (
<FileTreeActionButton
id="new-file"
description={t('new_file')}
onClick={createWithAnalytics}
iconType="note_add"
/>
)}
{canCreate && (
<FileTreeActionButton
id="new-folder"
description={t('new_folder')}
onClick={startCreatingFolder}
iconType="create_new_folder"
/>
)}
{canCreate && (
<FileTreeActionButton
id="upload"
description={t('upload')}
onClick={uploadWithAnalytics}
iconType="upload"
/>
)}
{canBulkDelete && (
<FileTreeActionButton
id="delete"
description={t('delete')}
onClick={startDeleting}
iconType="delete"
/>
)}
</>
)}
<FileTreeActionButton
id="close"

2
services/web/frontend/js/features/ide-redesign/components/file-tree/file-tree-toolbar.tsx
View File

@@ -24,7 +24,7 @@ function FileTreeToolbar() {
/>
<h4>{t('file_tree')}</h4>
</button>
<FileTreeActionButtons />
<FileTreeActionButtons fileTreeExpanded={fileTreeExpanded} />
</div>
)
}