From 62b22178211f2255ffc2661380a5e4700a4802c7 Mon Sep 17 00:00:00 2001
From: Mike Salvatore <mike.s.salvatore@gmail.com>
Date: Mon, 2 Aug 2021 11:59:38 -0400
Subject: [PATCH] UI: Add ransomware blog link to lateral movement section

---
 .../report-components/ransomware/LateralMovement.tsx   | 10 +++++++++-
 .../ransomware/NumberedReportSection.tsx               |  4 +---
 2 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/monkey/monkey_island/cc/ui/src/components/report-components/ransomware/LateralMovement.tsx b/monkey/monkey_island/cc/ui/src/components/report-components/ransomware/LateralMovement.tsx
index b7026af5e..9c17e1a08 100644
--- a/monkey/monkey_island/cc/ui/src/components/report-components/ransomware/LateralMovement.tsx
+++ b/monkey/monkey_island/cc/ui/src/components/report-components/ransomware/LateralMovement.tsx
@@ -6,7 +6,15 @@ import BreachedServersComponent from '../security/BreachedServers';
 const LATERAL_MOVEMENT_DESCRIPTION = 'After the initial breach, the attacker will begin the Lateral \
                                       Movement phase of the attack. They will employ various \
                                       techniques in order to compromise other systems in your \
-                                      network.'
+                                      network. \
+                                      <br /> \
+                                      <br /> \
+                                      <a \
+                                        href="https://www.guardicore.com/blog/stopping-ransomware-with-segmentation/" \
+                                        target="_blank" \
+                                      > \
+				        See some real-world examples on Guardicore\'s blog. \
+                                      </a>'
 
 type PropagationStats = {
   num_scanned_nodes: number,
diff --git a/monkey/monkey_island/cc/ui/src/components/report-components/ransomware/NumberedReportSection.tsx b/monkey/monkey_island/cc/ui/src/components/report-components/ransomware/NumberedReportSection.tsx
index a80e0e943..c0876137b 100644
--- a/monkey/monkey_island/cc/ui/src/components/report-components/ransomware/NumberedReportSection.tsx
+++ b/monkey/monkey_island/cc/ui/src/components/report-components/ransomware/NumberedReportSection.tsx
@@ -31,9 +31,7 @@ function Description({text}: {text: string}): ReactElement {
   return (
     <div className='alert alert-secondary description'>
       <FontAwesomeIcon icon={faInfoCircle} className='alert-icon'/>
-      <span>
-        {text}
-      </span>
+      <span dangerouslySetInnerHTML={{__html: text}} />
     </div>
   )
 }