mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-08 09:25:15 -05:00
f065a7a909
GitOrigin-RevId: fbb23b32c47edbe5a22badc627318accbd09e82a
34 lines
923 B
JavaScript
34 lines
923 B
JavaScript
import classnames from 'classnames'
|
|
import { Button } from 'react-bootstrap'
|
|
import PropTypes from 'prop-types'
|
|
import Icon from '../../../../shared/components/icon'
|
|
import { useFileTreeActionable } from '../../contexts/file-tree-actionable'
|
|
|
|
export default function FileTreeModalCreateFileMode({ mode, icon, label }) {
|
|
const { newFileCreateMode, startCreatingFile } = useFileTreeActionable()
|
|
|
|
const handleClick = () => {
|
|
startCreatingFile(mode)
|
|
}
|
|
|
|
return (
|
|
<li className={classnames({ active: newFileCreateMode === mode })}>
|
|
<Button
|
|
bsStyle="link"
|
|
block
|
|
onClick={handleClick}
|
|
className="modal-new-file-mode"
|
|
>
|
|
<Icon type={icon} fw />
|
|
|
|
{label}
|
|
</Button>
|
|
</li>
|
|
)
|
|
}
|
|
|
|
FileTreeModalCreateFileMode.propTypes = {
|
|
mode: PropTypes.string.isRequired,
|
|
icon: PropTypes.string.isRequired,
|
|
label: PropTypes.string.isRequired,
|
|
}
|