aboutsummaryrefslogtreecommitdiffstats
path: root/webui/src/tag/ImageTag.js
diff options
context:
space:
mode:
Diffstat (limited to 'webui/src/tag/ImageTag.js')
-rw-r--r--webui/src/tag/ImageTag.js19
1 files changed, 19 insertions, 0 deletions
diff --git a/webui/src/tag/ImageTag.js b/webui/src/tag/ImageTag.js
new file mode 100644
index 00000000..b0f0c1c8
--- /dev/null
+++ b/webui/src/tag/ImageTag.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import { makeStyles } from '@material-ui/styles';
+
+const useStyles = makeStyles({
+ tag: {
+ maxWidth: '100%',
+ },
+});
+
+const ImageTag = ({ alt, ...props }) => {
+ const classes = useStyles();
+ return (
+ <a href={props.src} target="_blank" rel="noopener noreferrer nofollow">
+ <img className={classes.tag} alt={alt} {...props} />
+ </a>
+ );
+};
+
+export default ImageTag;