-export const DetailsAttribute = withStyles(styles)(
- ({ label, link, value, children, classes, classLabel, classValue, lowercaseValue, onValueClick, linkInsideCard }: DetailsAttributeProps) =>
- <Typography component="div" className={classes.attribute}>
+export const DetailsAttribute = connect(mapStateToProps)(withStyles(styles)(
+ ({ label, link, value, children, classes, classLabel,
+ classValue, lowercaseValue, onValueClick, linkToUuid,
+ localCluster, remoteHostsConfig, sessions }: DetailsAttributeProps) => {
+ let insertLink: React.ReactNode;
+ if (linkToUuid) {
+ const linkUrl = getNavUrl(linkToUuid || "", { localCluster, remoteHostsConfig, sessions });
+ if (linkUrl[0] === '/') {
+ insertLink = <Link to={linkUrl} className={classes.link}>{value}</Link>;
+ } else {
+ insertLink = <a href={linkUrl} className={classes.link} target='_blank'>{value}</a>;
+ }
+ } else if (link) {
+ insertLink = <a href={link} className={classes.link} target='_blank'>{value}</a>;
+ }
+ return <Typography component="div" className={classes.attribute}>