Use numeric value for font size instead of static class
[arvados-workbench2.git] / src / views-components / side-panel-tree / side-panel-tree.tsx
index 96224cfa7967dd26c729ce694f525f11493d88c5..33ee97f95fd7e99bc5b79ba93d23ef2f7f989b2e 100644 (file)
@@ -19,18 +19,18 @@ export interface SidePanelTreeProps {
     sidePanelProgress?: boolean;
 }
 
-type SidePanelTreeActionProps = Pick<TreePickerProps, 'onContextMenu' | 'toggleItemActive' | 'toggleItemOpen' | 'toggleItemSelection'>;
+type SidePanelTreeActionProps = Pick<TreePickerProps<ProjectResource | string>, 'onContextMenu' | 'toggleItemActive' | 'toggleItemOpen' | 'toggleItemSelection'>;
 
 const mapDispatchToProps = (dispatch: Dispatch, props: SidePanelTreeProps): SidePanelTreeActionProps => ({
-    onContextMenu: (event, id) => {
+    onContextMenu: (event, { id }) => {
         dispatch<any>(openSidePanelContextMenu(event, id));
     },
-    toggleItemActive: (nodeId) => {
-        dispatch<any>(activateSidePanelTreeItem(nodeId));
-        props.onItemActivation(nodeId);
+    toggleItemActive: (_, { id }) => {
+        dispatch<any>(activateSidePanelTreeItem(id));
+        props.onItemActivation(id);
     },
-    toggleItemOpen: (nodeId) => {
-        dispatch<any>(toggleSidePanelTreeItemCollapse(nodeId));
+    toggleItemOpen: (_, { id }) => {
+        dispatch<any>(toggleSidePanelTreeItemCollapse(id));
     },
     toggleItemSelection: noop,
 });
@@ -44,7 +44,9 @@ const renderSidePanelItem = (item: TreeItem<ProjectResource>) =>
         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<ProjectResource | string>) =>
     typeof item.data === 'string'