export const DetailsAttributeComponent = withStyles(styles)(
(props: DetailsAttributeDataProps & WithStyles<CssRules> & DetailsAttributeComponentProps) =>
- <Typography component="div" className={props.classes.attribute}>
+ <Typography component="div" className={props.classes.attribute} data-cy={`details-panel-${props.label.toLowerCase()}`}>
<Typography component="div" className={classnames([props.classes.label, props.classLabel])}>{props.label}</Typography>
<Typography
onClick={props.onValueClick}
className={classnames([props.classes.value, props.classValue, { [props.classes.lowercaseValue]: props.lowercaseValue }])}>
{props.value}
{props.children}
- {(props.linkToUuid || props.copyValue) && props.onCopy && <Tooltip title="Copy to clipboard">
+ {(props.linkToUuid || props.copyValue) && props.onCopy && <Tooltip title="Copy link to clipboard">
<span className={props.classes.copyIcon}>
<CopyToClipboard text={props.linkToUuid || props.copyValue || ""} onCopy={() => props.onCopy!("Copied")}>
<CopyIcon />