MessageManager - fix identical operands error

This commit is contained in:
AlicjaSzu 2020-07-02 15:39:11 +02:00
parent ce19f6aab6
commit 4cf6a64449

View file

@ -27,18 +27,19 @@ export const MessageManagerTemplate: React.FC<IMessageManagerProps> = props => {
const [expand, setExpand] = useState(false); const [expand, setExpand] = useState(false);
const classes = useStyles({}); const classes = useStyles({});
const id = props.id.toString();
return ( return (
<div <div
key={props.id} key={props.id}
className={classes.snackbarContainer} className={classes.snackbarContainer}
onMouseEnter={onMouseEnter && onMouseEnter} onMouseEnter={onMouseEnter}
onMouseLeave={onMouseLeave && onMouseLeave} onMouseLeave={onMouseLeave}
> >
<SnackbarContent <SnackbarContent
id={props.id.toString()} id={id}
key={props.id} key={id}
aria-describedby="message-id" aria-describedby={`message-id-${id}`}
className={classNames(classes.snackbar, { className={classNames(classes.snackbar, {
[classes.info]: status === "info", [classes.info]: status === "info",
[classes.error]: status === "error", [classes.error]: status === "error",
@ -46,7 +47,7 @@ export const MessageManagerTemplate: React.FC<IMessageManagerProps> = props => {
[classes.warning]: status === "warning" [classes.warning]: status === "warning"
})} })}
message={ message={
<span id="message-id" data-test="notification"> <span id={`message-id-${id}`} data-test="notification">
{title && ( {title && (
<Typography variant="h5" style={{ fontWeight: "bold" }}> <Typography variant="h5" style={{ fontWeight: "bold" }}>
{title} {title}