From b0547c4f7a4c38abe80c1b55846f84018cbd8419 Mon Sep 17 00:00:00 2001
From: Itay Mizeretz <itay.mizeretz@guardicore.com>
Date: Tue, 19 Dec 2017 17:58:07 +0200
Subject: [PATCH] Add legend to report map

---
 monkey_island/cc/ui/src/components/pages/ReportPage.js | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/monkey_island/cc/ui/src/components/pages/ReportPage.js b/monkey_island/cc/ui/src/components/pages/ReportPage.js
index 2d3022adc..1ef8b2f30 100644
--- a/monkey_island/cc/ui/src/components/pages/ReportPage.js
+++ b/monkey_island/cc/ui/src/components/pages/ReportPage.js
@@ -596,6 +596,16 @@ class ReportPageComponent extends React.Component {
                 <p>
                   From the attacker's point of view, the network looks like this:
                 </p>
+                <div className="map-legend">
+                  <b>Legend: </b>
+                  <span>Exploit <i className="fa fa-lg fa-minus" style={{color: '#cc0200'}} /></span>
+                  <b style={{color: '#aeaeae'}}> | </b>
+                  <span>Scan <i className="fa fa-lg fa-minus" style={{color: '#ff9900'}} /></span>
+                  <b style={{color: '#aeaeae'}}> | </b>
+                  <span>Tunnel <i className="fa fa-lg fa-minus" style={{color: '#0158aa'}} /></span>
+                  <b style={{color: '#aeaeae'}}> | </b>
+                  <span>Island Communication <i className="fa fa-lg fa-minus" style={{color: '#a9aaa9'}} /></span>
+                </div>
                 <div style={{position: 'relative', height: '80vh'}}>
                   <ReactiveGraph graph={this.state.graph} options={options}/>
                 </div>