onDetailsPanelToggle: () => void;
buttonVisible: boolean;
projectUuid: string;
- routeUuid: string;
}
const isButtonVisible = ({ router }: RootState) => {
const mapStateToProps = (state: RootState) => {
const currentRoute = state.router.location?.pathname.split('/') || [];
- const routeUuid = currentRoute[currentRoute.length - 1];
+ const projectUuid = currentRoute[currentRoute.length - 1];
return {
buttonVisible: isButtonVisible(state),
- projectUuid: state.detailsPanel.resourceUuid,
- routeUuid
+ projectUuid,
}
};
}} />
</Grid>
<Grid item>
- {props.buttonVisible && <Tooltip title="Additional Info">
+ {props.buttonVisible && <Tooltip title="Additional Info" disableFocusListener>
<IconButton data-cy="additional-info-icon"
color="inherit"
className={props.classes.infoTooltip}
- onClick={()=>props.onDetailsPanelToggle(props.routeUuid)}>
+ onClick={()=>props.onDetailsPanelToggle(props.projectUuid)}>
<DetailsIcon />
</IconButton>
</Tooltip>}