Merge pull request #1314 from guardicore/1241/ransomware-quickstart-r…

…emove-congrats

Ransomware quickstart - Remove "Congrats" message and change header

monkey/monkey_island/cc/ui/src/components/Main.js

@@ -2,7 +2,7 @@ import React from 'react';
 import {BrowserRouter as Router, Redirect, Route, Switch} from 'react-router-dom';
 import {Container} from 'react-bootstrap';
 
-import RunServerPage from 'components/pages/RunServerPage';
+import GettingStartedPage from 'components/pages/GettingStartedPage';
 import ConfigurePage from 'components/pages/ConfigurePage';
 import RunMonkeyPage from 'components/pages/RunMonkeyPage/RunMonkeyPage';
 import MapPage from 'components/pages/MapPage';
@@ -136,7 +136,7 @@ class AppComponent extends AuthComponent {
             <Route path='/login' render={() => (<LoginPageComponent onStatusChange={this.updateStatus}/>)}/>
             <Route path='/register' render={() => (<RegisterPageComponent onStatusChange={this.updateStatus}/>)}/>
             {this.renderRoute('/',
-              <StandardLayoutComponent component={RunServerPage}
+              <StandardLayoutComponent component={GettingStartedPage}
                                        completedSteps={this.state.completedSteps}
                                        onStatusChange={this.updateStatus}
               />,

monkey/monkey_island/cc/ui/src/components/pages/RunServerPage.js → monkey/monkey_island/cc/ui/src/components/pages/GettingStartedPage.js

@@ -4,9 +4,9 @@ import {Link} from 'react-router-dom';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {faPlayCircle} from '@fortawesome/free-regular-svg-icons';
 import {faBookOpen, faCogs} from '@fortawesome/free-solid-svg-icons';
-import '../../styles/pages/RunServerPage.scss';
+import '../../styles/pages/GettingStartedPage.scss';
 
-class RunServerPageComponent extends React.Component {
+class GettingStartedPageComponent extends React.Component {
   constructor(props) {
     super(props);
   }
@@ -15,12 +15,9 @@ class RunServerPageComponent extends React.Component {
     return (
       <Col sm={{offset: 3, span: 9}} md={{offset: 3, span: 9}}
            lg={{offset: 3, span: 9}} xl={{offset: 2, span: 7}}
-           className={'main'}>
-        <h1 className="page-title">Welcome to the Monkey Island Server</h1>
+           className={'main getting-started-page'}>
+        <h1 className="page-title" >Getting Started</h1>
         <div style={{'fontSize': '1.2em'}}>
-          <p style={{'marginTop': '30px'}}>
-            Congratulations! You have successfully set up the Monkey Island server. &#x1F44F; &#x1F44F;
-          </p>
           <br/>
           <HomepageCallToActions />
           <br/>
@@ -31,7 +28,7 @@ class RunServerPageComponent extends React.Component {
   }
 }
 
-export default RunServerPageComponent;
+export default GettingStartedPageComponent;
 
 function HomepageCallToActions() {
   return (

monkey/monkey_island/cc/ui/src/styles/pages/GettingStartedPage.scss

@@ -0,0 +1,11 @@
+.getting-started-page h1.page-title {
+  margin-bottom: 0px;
+}
+
+#homepage-shortcuts a.d-block {
+  height: 100%;
+}
+
+#homepage-shortcuts {
+  margin-bottom: 20px;
+}