X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/91c6da4c4f84498a8473a0245a70c024ca9910d7..78fc087578d042bfede52c1f0569d3afb758e3d5:/src/components/file-tree/file-tree.tsx diff --git a/src/components/file-tree/file-tree.tsx b/src/components/file-tree/file-tree.tsx index 06fc8b7855..34a11cd60c 100644 --- a/src/components/file-tree/file-tree.tsx +++ b/src/components/file-tree/file-tree.tsx @@ -12,6 +12,8 @@ export interface FileTreeProps { onMenuOpen: (event: React.MouseEvent, item: TreeItem) => void; onSelectionToggle: (event: React.MouseEvent, item: TreeItem) => void; onCollapseToggle: (id: string, status: TreeItemStatus) => void; + onFileClick: (id: string) => void; + currentItemUuid?: string; } export class FileTree extends React.Component { @@ -24,7 +26,8 @@ export class FileTree extends React.Component { onContextMenu={this.handleContextMenu} toggleItemActive={this.handleToggleActive} toggleItemOpen={this.handleToggle} - onSelectionChange={this.handleSelectionChange} />; + toggleItemSelection={this.handleSelectionChange} + currentItemUuid={this.props.currentItemUuid} />; } handleContextMenu = (event: React.MouseEvent, item: TreeItem) => { @@ -32,11 +35,13 @@ export class FileTree extends React.Component { this.props.onMenuOpen(event, item); } - handleToggle = (id: string, status: TreeItemStatus) => { + handleToggle = (event: React.MouseEvent<{}>, { id, status }: TreeItem<{}>) => { this.props.onCollapseToggle(id, status); } - handleToggleActive = () => { return; }; + handleToggleActive = (_: React.MouseEvent, item: TreeItem) => { + this.props.onFileClick(item.id); + } handleSelectionChange = (event: React.MouseEvent, item: TreeItem) => { event.stopPropagation();