import * as React from 'react';
import { ReactElement } from 'react';
import { StyleRulesCallback, WithStyles, withStyles } from '@material-ui/core/styles';
-import { ArvadosTheme } from '../../common/custom-theme';
+import { ArvadosTheme } from '~/common/custom-theme';
import { List, ListItem, ListItemIcon, Collapse } from "@material-ui/core";
import { SidePanelRightArrowIcon, IconType } from '../icon/icon';
import * as classnames from "classnames";
toggableIconContainer: {
color: theme.palette.grey["700"],
height: '14px',
- position: 'absolute'
+ width: '14px'
},
toggableIcon: {
fontSize: '14px'
open?: boolean;
margin?: boolean;
openAble?: boolean;
- activeAction?: (dispatch: Dispatch) => void;
+ activeAction?: (dispatch: Dispatch, uuid?: string) => void;
}
interface SidePanelDataProps {
}
getToggableIconClassNames = (isOpen?: boolean, isActive ?: boolean) => {
- const { classes } = this.props;
- return classnames(classes.toggableIcon, {
- [classes.iconOpen]: isOpen,
- [classes.iconClose]: !isOpen,
- [classes.active]: isActive
+ const { iconOpen, iconClose, active, toggableIcon } = this.props.classes;
+ return classnames(toggableIcon, {
+ [iconOpen]: isOpen,
+ [iconClose]: !isOpen,
+ [active]: isActive
});
}