mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-10 10:33:17 -05:00
d6b39c4bb3
Replacing `btn-default` with `btn-secondary` in the editor GitOrigin-RevId: 46aa8c92c9981eb2f253828ee65424bfb7217fb2
82 lines
2.2 KiB
JavaScript
82 lines
2.2 KiB
JavaScript
import { useTranslation } from 'react-i18next'
|
|
import { Alert, Button } from 'react-bootstrap'
|
|
import { useFileTreeCreateForm } from '../../contexts/file-tree-create-form'
|
|
import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
|
|
import { useFileTreeData } from '../../../../shared/context/file-tree-data-context'
|
|
import PropTypes from 'prop-types'
|
|
|
|
export default function FileTreeModalCreateFileFooter() {
|
|
const { valid } = useFileTreeCreateForm()
|
|
const { newFileCreateMode, inFlight, cancel } = useFileTreeActionable()
|
|
const { fileCount } = useFileTreeData()
|
|
|
|
return (
|
|
<FileTreeModalCreateFileFooterContent
|
|
valid={valid}
|
|
cancel={cancel}
|
|
newFileCreateMode={newFileCreateMode}
|
|
inFlight={inFlight}
|
|
fileCount={fileCount}
|
|
/>
|
|
)
|
|
}
|
|
|
|
export function FileTreeModalCreateFileFooterContent({
|
|
valid,
|
|
fileCount,
|
|
inFlight,
|
|
newFileCreateMode,
|
|
cancel,
|
|
}) {
|
|
const { t } = useTranslation()
|
|
|
|
return (
|
|
<>
|
|
{fileCount.status === 'warning' && (
|
|
<div className="modal-footer-left approaching-file-limit">
|
|
{t('project_approaching_file_limit')} ({fileCount.value}/
|
|
{fileCount.limit})
|
|
</div>
|
|
)}
|
|
|
|
{fileCount.status === 'error' && (
|
|
<Alert bsStyle="warning" className="at-file-limit">
|
|
{/* TODO: add parameter for fileCount.limit */}
|
|
{t('project_has_too_many_files')}
|
|
</Alert>
|
|
)}
|
|
|
|
<Button
|
|
bsStyle={null}
|
|
className="btn-secondary"
|
|
type="button"
|
|
disabled={inFlight}
|
|
onClick={cancel}
|
|
>
|
|
{t('cancel')}
|
|
</Button>
|
|
|
|
{newFileCreateMode !== 'upload' && (
|
|
<Button
|
|
bsStyle="primary"
|
|
type="submit"
|
|
form="create-file"
|
|
disabled={inFlight || !valid}
|
|
>
|
|
<span>{inFlight ? `${t('creating')}…` : t('create')}</span>
|
|
</Button>
|
|
)}
|
|
</>
|
|
)
|
|
}
|
|
FileTreeModalCreateFileFooterContent.propTypes = {
|
|
cancel: PropTypes.func.isRequired,
|
|
fileCount: PropTypes.shape({
|
|
limit: PropTypes.number.isRequired,
|
|
status: PropTypes.string.isRequired,
|
|
value: PropTypes.number.isRequired,
|
|
}).isRequired,
|
|
inFlight: PropTypes.bool.isRequired,
|
|
newFileCreateMode: PropTypes.string,
|
|
valid: PropTypes.bool.isRequired,
|
|
}
|