1
0
Fork 0
mirror of https://github.com/overleaf/overleaf.git synced 2024-12-15 10:50:59 -05:00
overleaf/services/web/frontend/js/features/file-tree/components/file-tree-inner.tsx

28 lines
771 B
TypeScript
Raw Normal View History

import { useFileTreeSelectable } from '../contexts/file-tree-selectable'
import { FC, useCallback } from 'react'
const FileTreeInner: FC = ({ children }) => {
const { setIsRootFolderSelected, selectedEntityIds, select } =
useFileTreeSelectable()
const handleFileTreeClick = useCallback(() => {
setIsRootFolderSelected(true)
if (selectedEntityIds.size > 1) {
select([])
}
}, [select, selectedEntityIds.size, setIsRootFolderSelected])
return (
// eslint-disable-next-line jsx-a11y/click-events-have-key-events, jsx-a11y/no-static-element-interactions
<div
className="file-tree-inner"
onClick={handleFileTreeClick}
data-testid="file-tree-inner"
>
{children}
</div>
)
}
export default FileTreeInner