[New] Add prop to hide overlay of link icon

kbss-cvut · Oct 16, 2022 · 6f0aade · 6f0aade
1 parent e87b6f6
commit 6f0aade
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/src/components/LinkIcon.jsx b/src/components/LinkIcon.jsx
@@ -4,7 +4,7 @@ import ExternalLink from "../styles/icons/ExternalLink";
 import IconOverlay from "./IconOverlay";
 
 const LinkIcon = (props) => {
-  return (
+  return props.showOverlay ? (
     <IconOverlay
       tooltipContent={props.url["@id"] || props.url}
       id="url-tooltip"
@@ -18,6 +18,14 @@ const LinkIcon = (props) => {
         <ExternalLink className={props.iconClass} />
       </a>
     </IconOverlay>
+  ) : (
+    <a
+      href={props.url["@id"] || props.url}
+      target="_blank"
+      className={props.iconClassContainer}
+    >
+      <ExternalLink className={props.iconClass} />
+    </a>
   );
 };
 
@@ -30,12 +38,14 @@ LinkIcon.propTypes = {
   iconClass: PropTypes.string,
   overlayPlacement: PropTypes.string,
   absolutePosition: PropTypes.bool,
+  showOverlay: PropTypes.bool,
 };
 
 LinkIcon.defaultProps = {
   iconClassContainer: "",
   iconClass: "",
   absolutePosition: true,
+  showOverlay: true,
 };
 
 export default LinkIcon;