import { SidePanelRightArrowIcon, IconType } from '../icon/icon';
import * as classnames from "classnames";
import { ListItemTextIcon } from '../list-item-text-icon/list-item-text-icon';
+import { Dispatch } from "redux";
type CssRules = 'active' | 'row' | 'root' | 'list' | 'iconClose' | 'iconOpen' | 'toggableIconContainer' | 'toggableIcon';
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;
}
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
});
}