UI: Add ExternalLink React element

monkey/monkey_island/cc/ui/src/components/report-components/common/ExternalLink.tsx

@@ -0,0 +1,19 @@
+import React, {ReactFragment, ReactElement} from 'react';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faExternalLinkSquareAlt} from '@fortawesome/free-solid-svg-icons';
+
+type Props = {
+    url: string,
+    text: string,
+}
+
+function ExternalLink(props: Props): ReactElement {
+    return (
+        <a href={props.url} target="_blank" rel="noreferrer">
+          {props.text}
+          <FontAwesomeIcon icon={faExternalLinkSquareAlt} className="external-link-icon"/>
+        </a>
+    )
+}
+
+export default ExternalLink

monkey/monkey_island/cc/ui/src/styles/pages/report/RansomwareReport.scss

@@ -22,3 +22,7 @@
 .ransomware-breach-section .ip-address {
   display: inline-block;
 }
+
+.numbered-report-section .external-link-icon {
+    margin-left: .25em;
+}