X-Git-Url: https://git.arvados.org/arvados.git/blobdiff_plain/cdc8a73914399a401642ca553e9d3d8b2d42db5c..6a9ed65ed717080ce933718436038b5c4dec2a74:/src/views-components/side-panel-tree/side-panel-tree.tsx?ds=sidebyside diff --git a/src/views-components/side-panel-tree/side-panel-tree.tsx b/src/views-components/side-panel-tree/side-panel-tree.tsx index d0b00d6fb5..33ee97f95f 100644 --- a/src/views-components/side-panel-tree/side-panel-tree.tsx +++ b/src/views-components/side-panel-tree/side-panel-tree.tsx @@ -13,24 +13,26 @@ import { ProjectIcon, FavoriteIcon, ProjectsIcon, ShareMeIcon, TrashIcon } from import { RecentIcon, WorkflowIcon } from '~/components/icon/icon'; import { activateSidePanelTreeItem, toggleSidePanelTreeItemCollapse, SIDE_PANEL_TREE, SidePanelTreeCategory } from '~/store/side-panel-tree/side-panel-tree-actions'; import { openSidePanelContextMenu } from '~/store/context-menu/context-menu-actions'; - +import { noop } from 'lodash'; export interface SidePanelTreeProps { onItemActivation: (id: string) => void; + sidePanelProgress?: boolean; } -type SidePanelTreeActionProps = Pick; +type SidePanelTreeActionProps = Pick, 'onContextMenu' | 'toggleItemActive' | 'toggleItemOpen' | 'toggleItemSelection'>; const mapDispatchToProps = (dispatch: Dispatch, props: SidePanelTreeProps): SidePanelTreeActionProps => ({ - onContextMenu: (event, id) => { + onContextMenu: (event, { id }) => { dispatch(openSidePanelContextMenu(event, id)); }, - toggleItemActive: (nodeId) => { - dispatch(activateSidePanelTreeItem(nodeId)); - props.onItemActivation(nodeId); + toggleItemActive: (_, { id }) => { + dispatch(activateSidePanelTreeItem(id)); + props.onItemActivation(id); }, - toggleItemOpen: (nodeId) => { - dispatch(toggleSidePanelTreeItemCollapse(nodeId)); - } + toggleItemOpen: (_, { id }) => { + dispatch(toggleSidePanelTreeItemCollapse(id)); + }, + toggleItemSelection: noop, }); export const SidePanelTree = connect(undefined, mapDispatchToProps)( @@ -42,7 +44,9 @@ const renderSidePanelItem = (item: TreeItem) => icon={getProjectPickerIcon(item)} name={typeof item.data === 'string' ? item.data : item.data.name} isActive={item.active} - hasMargin={true} />; + hasMargin={true} + iconSize={1.25} + />; const getProjectPickerIcon = (item: TreeItem) => typeof item.data === 'string'