X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/d1af457494186adb375ce2c012cb58685e0556e3..c44f9aa1e0b36cac00eca89d694876d40d427615:/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 165b4bfc..34a11cd6 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} - toggleItemSelection={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();