mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-13 16:39:30 -05:00
abb59e4603
[web] Migrate the file tree on the editor page to Bootstrap 5 GitOrigin-RevId: e2efec26242c8cdab37a54bc182b83bfb0f1eb3c
129 lines
3.9 KiB
JavaScript
129 lines
3.9 KiB
JavaScript
import { useCallback } from 'react'
|
|
import { useTranslation } from 'react-i18next'
|
|
import * as eventTracking from '../../../../infrastructure/event-tracking'
|
|
import { useProjectContext } from '@/shared/context/project-context'
|
|
|
|
import { MenuItem } from 'react-bootstrap'
|
|
import {
|
|
DropdownDivider,
|
|
DropdownItem,
|
|
} from '@/features/ui/components/bootstrap-5/dropdown-menu'
|
|
import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
|
|
import BootstrapVersionSwitcher from '@/features/ui/components/bootstrap-5/bootstrap-version-switcher'
|
|
|
|
function FileTreeItemMenuItems() {
|
|
const { t } = useTranslation()
|
|
|
|
const {
|
|
canRename,
|
|
canDelete,
|
|
canCreate,
|
|
startRenaming,
|
|
startDeleting,
|
|
startCreatingFolder,
|
|
startCreatingDocOrFile,
|
|
startUploadingDocOrFile,
|
|
downloadPath,
|
|
selectedFileName,
|
|
} = useFileTreeActionable()
|
|
|
|
const { owner } = useProjectContext()
|
|
|
|
const downloadWithAnalytics = useCallback(() => {
|
|
// we are only interested in downloads of bib files WRT analytics, for the purposes of promoting the tpr integrations
|
|
if (selectedFileName?.endsWith('.bib')) {
|
|
eventTracking.sendMB('download-bib-file', { projectOwner: owner._id })
|
|
}
|
|
}, [selectedFileName, owner])
|
|
|
|
const createWithAnalytics = useCallback(() => {
|
|
eventTracking.sendMB('new-file-click', { location: 'file-menu' })
|
|
startCreatingDocOrFile()
|
|
}, [startCreatingDocOrFile])
|
|
|
|
const uploadWithAnalytics = useCallback(() => {
|
|
eventTracking.sendMB('upload-click', { location: 'file-menu' })
|
|
startUploadingDocOrFile()
|
|
}, [startUploadingDocOrFile])
|
|
|
|
return (
|
|
<BootstrapVersionSwitcher
|
|
bs3={
|
|
<>
|
|
{canRename ? (
|
|
<MenuItem onClick={startRenaming}>{t('rename')}</MenuItem>
|
|
) : null}
|
|
{downloadPath ? (
|
|
<MenuItem
|
|
href={downloadPath}
|
|
onClick={downloadWithAnalytics}
|
|
download={selectedFileName}
|
|
>
|
|
{t('download')}
|
|
</MenuItem>
|
|
) : null}
|
|
{canDelete ? (
|
|
<MenuItem onClick={startDeleting}>{t('delete')}</MenuItem>
|
|
) : null}
|
|
{canCreate ? (
|
|
<>
|
|
<li role="none" className="divider" />
|
|
<MenuItem onClick={createWithAnalytics}>{t('new_file')}</MenuItem>
|
|
<MenuItem onClick={startCreatingFolder}>
|
|
{t('new_folder')}
|
|
</MenuItem>
|
|
<MenuItem onClick={uploadWithAnalytics}>{t('upload')}</MenuItem>
|
|
</>
|
|
) : null}
|
|
</>
|
|
}
|
|
bs5={
|
|
<>
|
|
{canRename ? (
|
|
<li role="none">
|
|
<DropdownItem onClick={startRenaming}>{t('rename')}</DropdownItem>
|
|
</li>
|
|
) : null}
|
|
{downloadPath ? (
|
|
<li role="none">
|
|
<DropdownItem
|
|
href={downloadPath}
|
|
onClick={downloadWithAnalytics}
|
|
download={selectedFileName}
|
|
>
|
|
{t('download')}
|
|
</DropdownItem>
|
|
</li>
|
|
) : null}
|
|
{canDelete ? (
|
|
<li role="none">
|
|
<DropdownItem onClick={startDeleting}>{t('delete')}</DropdownItem>
|
|
</li>
|
|
) : null}
|
|
{canCreate ? (
|
|
<>
|
|
<DropdownDivider role="none" />
|
|
<li role="none">
|
|
<DropdownItem onClick={createWithAnalytics}>
|
|
{t('new_file')}
|
|
</DropdownItem>
|
|
</li>
|
|
<li role="none">
|
|
<DropdownItem onClick={startCreatingFolder}>
|
|
{t('new_folder')}
|
|
</DropdownItem>
|
|
</li>
|
|
<li role="none">
|
|
<DropdownItem onClick={uploadWithAnalytics}>
|
|
{t('upload')}
|
|
</DropdownItem>
|
|
</li>
|
|
</>
|
|
) : null}
|
|
</>
|
|
}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export default FileTreeItemMenuItems
|