test-new-media-content

.github/workflows/npm-publish-beta.yml

@@ -1,9 +1,7 @@
 name: Publish NPM Beta Package
 
 on:
-  pull_request:
-    types:
-      - closed
+  push:
     branches:
       - master
 

.storybook/preview.js

@@ -50,6 +50,12 @@ export const globalTypes = {
     defaultValue: false,
     control: { type: "boolean" },
   },
+  unifyMediaContent: {
+    name: "Unify media content",
+    description: "Set IFrame to eligible media contents",
+    defaultValue: false,
+    control: { type: "boolean" },
+  },
 };
 
 const options = {
@@ -67,6 +73,7 @@ const options = {
   wizardStepButtons: true,
   enableForwardSkip: true,
   startingStep: 1,
+  unifyMediaContent: true,
   debugMode: false,
   users: [
     { id: "http://fel.cvut.cz/people/max-chopart", label: "Max Chopart" },

package.json

@@ -58,6 +58,7 @@
     "prop-types": "^15.7.2",
     "react-bootstrap": "1.0.1",
     "react-datepicker": "^4.2.1",
+    "react-image-zooom": "^1.0.4",
     "react-intl": "^5.24.6",
     "react-loader-spinner": "^5.1.0",
     "react-select": "^3.1.0",

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;