mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-05 15:22:56 -05:00
3d963027eb
[frontend] hide new file from project UX when feature are disabled GitOrigin-RevId: 8407453267dded1f97d19cede5a13691610b97e7
101 lines
3.3 KiB
JavaScript
101 lines
3.3 KiB
JavaScript
import { useTranslation } from 'react-i18next'
|
|
import FileTreeCreateNewDoc from './modes/file-tree-create-new-doc'
|
|
import FileTreeImportFromUrl from './modes/file-tree-import-from-url'
|
|
import FileTreeImportFromProject from './modes/file-tree-import-from-project'
|
|
import FileTreeUploadDoc from './modes/file-tree-upload-doc'
|
|
import FileTreeModalCreateFileMode from './file-tree-modal-create-file-mode'
|
|
import FileTreeCreateNameProvider from '../../contexts/file-tree-create-name'
|
|
import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
|
|
import { useFileTreeMutable } from '../../contexts/file-tree-mutable'
|
|
|
|
import importOverleafModules from '../../../../../macros/import-overleaf-module.macro'
|
|
|
|
const createFileModeModules = importOverleafModules('createFileModes')
|
|
|
|
export default function FileTreeModalCreateFileBody() {
|
|
const { t } = useTranslation()
|
|
|
|
const { newFileCreateMode } = useFileTreeActionable()
|
|
const { fileCount } = useFileTreeMutable()
|
|
|
|
if (!fileCount || fileCount.status === 'error') {
|
|
return null
|
|
}
|
|
|
|
return (
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td className="modal-new-file--list">
|
|
<ul className="list-unstyled">
|
|
<FileTreeModalCreateFileMode
|
|
mode="doc"
|
|
icon="file"
|
|
label={t('new_file')}
|
|
/>
|
|
|
|
<FileTreeModalCreateFileMode
|
|
mode="upload"
|
|
icon="upload"
|
|
label={t('upload')}
|
|
/>
|
|
|
|
{(window.ExposedSettings.hasLinkedProjectFileFeature ||
|
|
window.ExposedSettings.hasLinkedProjectOutputFileFeature) && (
|
|
<FileTreeModalCreateFileMode
|
|
mode="project"
|
|
icon="folder-open"
|
|
label={t('from_another_project')}
|
|
/>
|
|
)}
|
|
|
|
{window.ExposedSettings.hasLinkUrlFeature && (
|
|
<FileTreeModalCreateFileMode
|
|
mode="url"
|
|
icon="globe"
|
|
label={t('from_external_url')}
|
|
/>
|
|
)}
|
|
|
|
{createFileModeModules.map(
|
|
({ import: { CreateFileMode }, path }) => (
|
|
<CreateFileMode key={path} />
|
|
)
|
|
)}
|
|
</ul>
|
|
</td>
|
|
|
|
<td
|
|
className={`modal-new-file--body modal-new-file--body-${newFileCreateMode}`}
|
|
>
|
|
{newFileCreateMode === 'doc' && (
|
|
<FileTreeCreateNameProvider initialName="name.tex">
|
|
<FileTreeCreateNewDoc />
|
|
</FileTreeCreateNameProvider>
|
|
)}
|
|
|
|
{newFileCreateMode === 'url' && (
|
|
<FileTreeCreateNameProvider>
|
|
<FileTreeImportFromUrl />
|
|
</FileTreeCreateNameProvider>
|
|
)}
|
|
|
|
{newFileCreateMode === 'project' && (
|
|
<FileTreeCreateNameProvider>
|
|
<FileTreeImportFromProject />
|
|
</FileTreeCreateNameProvider>
|
|
)}
|
|
|
|
{newFileCreateMode === 'upload' && <FileTreeUploadDoc />}
|
|
|
|
{createFileModeModules.map(
|
|
({ import: { CreateFilePane }, path }) => (
|
|
<CreateFilePane key={path} />
|
|
)
|
|
)}
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
)
|
|
}
|