From fd85bfb0442583c731a2ed02dee1d14461132ec1 Mon Sep 17 00:00:00 2001
From: Itay Mizeretz <itay.mizeretz@guardicore.com>
Date: Mon, 2 Oct 2017 11:43:23 +0300
Subject: [PATCH] Add map legend

---
 .../cc/ui/src/components/pages/MapPage.js        |   5 +++++
 monkey_island/cc/ui/src/images/map-legend.png    | Bin 0 -> 2598 bytes
 2 files changed, 5 insertions(+)
 create mode 100644 monkey_island/cc/ui/src/images/map-legend.png

diff --git a/monkey_island/cc/ui/src/components/pages/MapPage.js b/monkey_island/cc/ui/src/components/pages/MapPage.js
index ef40c3ddc..65c407102 100644
--- a/monkey_island/cc/ui/src/components/pages/MapPage.js
+++ b/monkey_island/cc/ui/src/components/pages/MapPage.js
@@ -10,6 +10,8 @@ let groupNames = ['clean_linux', 'clean_windows', 'exploited_linux', 'exploited_
   'manual_linux', 'manual_linux_running', 'manual_windows', 'manual_windows_running', 'monkey_linux',
   'monkey_linux_running', 'monkey_windows', 'monkey_windows_running'];
 
+let legend = require('../../images/map-legend.png');
+
 let getGroupsOptions = () => {
   let groupOptions = {};
   for (let groupName of groupNames) {
@@ -130,6 +132,9 @@ class MapPageComponent extends React.Component {
         <Col xs={12}>
           <h1 className="page-title">Infection Map</h1>
         </Col>
+        <Col xs={12}>
+          <img src={legend}/>
+        </Col>
         <Col xs={8}>
           <Graph graph={this.state.graph} options={options} events={this.events}/>
         </Col>
diff --git a/monkey_island/cc/ui/src/images/map-legend.png b/monkey_island/cc/ui/src/images/map-legend.png
new file mode 100644
index 0000000000000000000000000000000000000000..4b7759a099c51ad75d0455eaaab0ad117773ece9
GIT binary patch
literal 2598
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
IM6N<$f`!@en*aa+

literal 0
HcmV?d00001