From efef30e2350650fc5245f1bb5658f831715c9a78 Mon Sep 17 00:00:00 2001
From: Itay Mizeretz <itay.mizeretz@guardicore.com>
Date: Sun, 24 Sep 2017 20:06:24 +0300
Subject: [PATCH] Changed node icons to be assets

---
 .../cc/ui/src/components/pages/MapPage.js        | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/monkey_island/cc/ui/src/components/pages/MapPage.js b/monkey_island/cc/ui/src/components/pages/MapPage.js
index db387f2e6..2a2243389 100644
--- a/monkey_island/cc/ui/src/components/pages/MapPage.js
+++ b/monkey_island/cc/ui/src/components/pages/MapPage.js
@@ -5,14 +5,19 @@ import PreviewPane from 'components/preview-pane/PreviewPane';
 import {Link} from 'react-router-dom';
 import {Icon} from 'react-fa';
 
-let groupsToGroupsOptions = (groupNames) => {
+let groupNames = ['clean_linux', 'clean_windows', 'exploited_linux', 'exploited_windows', 'island',
+  'island_monkey_linux', 'island_monkey_linux_running', 'island_monkey_windows', 'island_monkey_windows_running',
+  'manual_linux', 'manual_linux_running', 'manual_windows', 'manual_windows_running', 'monkey_linux',
+  'monkey_linux_running', 'monkey_windows', 'monkey_windows_running'];
+
+let getGroupsOptions = () => {
   let groupOptions = {};
   for (let groupName of groupNames) {
     groupOptions[groupName] =
       {
         shape: 'image',
         size: 50,
-        image: '../images/nodes/' + groupName + '.png'
+        image: require('../../images/nodes/' + groupName + '.png')
       };
   }
   return groupOptions;
@@ -24,13 +29,10 @@ let options = {
   },
   edges: {
     smooth: {
-      type: "curvedCW"
+      type: 'curvedCW'
     }
   },
-  groups: groupsToGroupsOptions(['clean_linux', 'clean_windows', 'exploited_linux', 'exploited_windows', 'island',
-    'island_monkey_linux', 'island_monkey_linux_running', 'island_monkey_windows', 'island_monkey_windows_running',
-    'manual_linux', 'manual_linux_running', 'manual_windows', 'manual_windows_running', 'monkey_linux',
-    'monkey_linux_running', 'monkey_windows', 'monkey_windows_running'])
+  groups: getGroupsOptions()
 };
 
 class MapPageComponent extends React.Component {