webui: open image in a new tab on click

ludovicm67 created 6 years ago

Change summary

webui/src/tag/ImageTag.js | 10 +++++++---
1 file changed, 7 insertions(+), 3 deletions(-)

Detailed changes

webui/src/tag/ImageTag.js

@@ -7,9 +7,13 @@ const useStyles = makeStyles({
   },
 });
 
-const ImageTag = (props) => {
+const ImageTag = ({ alt, ...props }) => {
   const classes = useStyles();
-  return <img className={classes.tag} {...props} />
+  return (
+    <a href={props.src} target="_blank" rel="noopener noreferrer nofollow">
+      <img className={classes.tag} alt={alt} {...props} />
+    </a>
+  );
 };
 
-export default ImageTag;
+export default ImageTag;