From 11a8449c8372b871985731dedb9d4d7ace308ff2 Mon Sep 17 00:00:00 2001
From: Shay Nehmad <shay.nehmad@guardicore.com>
Date: Wed, 10 Apr 2019 20:19:16 +0300
Subject: [PATCH] Added loading to the AWS part

---
 monkey/monkey_island/cc/ui/.babelrc           |  4 ++--
 .../ui/src/components/pages/RunMonkeyPage.js  | 19 +++++++++++++++++--
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/monkey/monkey_island/cc/ui/.babelrc b/monkey/monkey_island/cc/ui/.babelrc
index 9e8720a99..31130e826 100644
--- a/monkey/monkey_island/cc/ui/.babelrc
+++ b/monkey/monkey_island/cc/ui/.babelrc
@@ -1,4 +1,4 @@
 {
-  "presets": ["es2015", "stage-0", "react"]
-
+  "presets": ["es2015", "stage-0", "react"],
+  "plugins": ["emotion"]
 }
diff --git a/monkey/monkey_island/cc/ui/src/components/pages/RunMonkeyPage.js b/monkey/monkey_island/cc/ui/src/components/pages/RunMonkeyPage.js
index ca15547c8..9c25948a1 100644
--- a/monkey/monkey_island/cc/ui/src/components/pages/RunMonkeyPage.js
+++ b/monkey/monkey_island/cc/ui/src/components/pages/RunMonkeyPage.js
@@ -1,6 +1,8 @@
 import React from 'react';
 import {Button, Col, Well, Nav, NavItem, Collapse, Form, FormControl, FormGroup} from 'react-bootstrap';
 import CopyToClipboard from 'react-copy-to-clipboard';
+import ClipLoader from 'react-spinners/ClipLoader';
+
 import {Icon} from 'react-fa';
 import {Link} from 'react-router-dom';
 import AuthComponent from '../AuthComponent';
@@ -25,7 +27,8 @@ class RunMonkeyPageComponent extends AuthComponent {
       awsUpdateFailed: false,
       awsKeyId: '',
       awsSecretKey: '',
-      awsMachines: []
+      awsMachines: [],
+      is_loading_aws: true
   };
   }
 
@@ -75,7 +78,7 @@ class RunMonkeyPageComponent extends AuthComponent {
       .then(res =>{
         let is_aws = res['is_aws'];
         if (is_aws) {
-          this.setState({isOnAws: true, awsMachines: res['instances'], isAwsAuth: res['auth']});
+          this.setState({isOnAws: true, awsMachines: res['instances'], isAwsAuth: res['auth'], is_loading_aws: false});
         }
       });
   }
@@ -412,6 +415,18 @@ class RunMonkeyPageComponent extends AuthComponent {
             {this.generateCmdDiv()}
           </div>
         </Collapse>
+        {
+          this.state.is_loading_aws ?
+            <div className='sweet-loading'>
+              <ClipLoader
+                css={override}
+                sizeUnit={"px"}
+                size={150}
+                color={'#123abc'}
+                loading={this.state.loading}
+              />
+          </div> :  null
+        }
         {
           this.state.isOnAws ?
             <p className="text-center">