mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-07 13:07:25 -05:00
7c97f8ab6e
* Use new JSX runtime and update Babel Node target * Update .eslintrc * Remove React imports GitOrigin-RevId: 559de0267f8f2934c56a860ea8701bb522aa861a
34 lines
934 B
JavaScript
34 lines
934 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 modifier="fw" type={icon} />
|
|
|
|
{label}
|
|
</Button>
|
|
</li>
|
|
)
|
|
}
|
|
|
|
FileTreeModalCreateFileMode.propTypes = {
|
|
mode: PropTypes.string.isRequired,
|
|
icon: PropTypes.string.isRequired,
|
|
label: PropTypes.string.isRequired,
|
|
}
|