I'm working with a GridListTile and trying to add a second button, but I'm having trouble getting both buttons to display.
Even though I've attempted to include two ActionIcons, only one of them is showing up. Here's the code snippet:
<GridListTile key={tile.img}>
<img src={tile.img} alt={tile.title} />
<GridListTileBar
title={tile.title}
classes={{
root: classes.titleBar,
title: classes.title,
}}
actionIcon={
<a href={tile.link} target="_blank">
<IconButton aria-label={`star ${tile.title}`}>
<PlayCircleOutlineIcon
className={classes.title}
/>
</IconButton>
</a>
}
actionIcon={
<a href={tile.link} target="_blank">
<IconButton aria-label={`star ${tile.title}`}>
<PlayCircleOutlineIcon
className={classes.title}
/>
</IconButton>
</a>
}
/>
</GridListTile>
Have any suggestions on how to fix this issue?