Make external link openable in separate tab by default.

thehyve · Jan 2, 2025 · 7212381 · 7212381
1 parent 5e4cee0
commit 7212381
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 2 deletions.
diff --git a/projects/mercury/src/metadata/common/values/ReferringValue.js b/projects/mercury/src/metadata/common/values/ReferringValue.js
@@ -34,7 +34,9 @@ export const ReferringValue = ({property, entry}) => {
         // External links should be represented by a direct link to the URI itself
         // Other iri entities should be opened in the metadata editor
         return property.isExternalLink ? (
-            <a href={entry.id}>{entry.id}</a>
+            <a href={entry.id} target="_blank" rel="noreferrer">
+                {entry.id}
+            </a>
         ) : (
             <LinkedDataLink uri={entry.id}>{displayValue}</LinkedDataLink>
         );

diff --git a/projects/mercury/src/metadata/common/values/__tests__/ReferringValue.js b/projects/mercury/src/metadata/common/values/__tests__/ReferringValue.js
@@ -18,7 +18,11 @@ describe('ReferringValue', () => {
                 property,
                 entry
             })
-        ).toEqual(<a href="https://thehyve.nl">https://thehyve.nl</a>);
+        ).toEqual(
+            <a rel="noreferrer" target="_blank" href="https://thehyve.nl">
+                https://thehyve.nl
+            </a>
+        );
     });
 
     it('should render a generic iri resource as link to editor', () => {