mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-07 20:31:06 -05:00
31 lines
839 B
TypeScript
31 lines
839 B
TypeScript
import { useFileTreeSelectable } from '../contexts/file-tree-selectable'
|
|
import { useCallback } from 'react'
|
|
|
|
type FileTreeInnerProps = {
|
|
children: React.ReactNode
|
|
}
|
|
|
|
function FileTreeInner({ children }: FileTreeInnerProps) {
|
|
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
|