diff --git a/monkey/monkey_island/cc/ui/src/components/SideNavComponent.tsx b/monkey/monkey_island/cc/ui/src/components/SideNavComponent.tsx
index f4f1aef20..f3c8e3a94 100644
--- a/monkey/monkey_island/cc/ui/src/components/SideNavComponent.tsx
+++ b/monkey/monkey_island/cc/ui/src/components/SideNavComponent.tsx
@@ -4,16 +4,15 @@ import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
import {faCheck} from '@fortawesome/free-solid-svg-icons/faCheck';
import {faUndo} from '@fortawesome/free-solid-svg-icons/faUndo';
import {faExternalLinkAlt} from '@fortawesome/free-solid-svg-icons';
-import VersionComponent from './side-menu/VersionComponent';
import '../styles/components/SideNav.scss';
import {CompletedSteps} from "./side-menu/CompletedSteps";
import {isReportRoute, Routes} from "./Main";
-const guardicoreLogoImage = require('../images/guardicore-logo.png');
const logoImage = require('../images/monkey-icon.svg');
const infectionMonkeyImage = require('../images/infection-monkey.svg');
+import Logo from "./logo/LogoComponent";
type Props = {
disabled?: boolean,
@@ -97,21 +96,7 @@ const SideNavComponent = ({disabled,
-
-
-
Powered by
-
-
-
-
-
-
+
>);
function getNavLinkClass() {
diff --git a/monkey/monkey_island/cc/ui/src/components/logo/LogoComponent.js b/monkey/monkey_island/cc/ui/src/components/logo/LogoComponent.js
new file mode 100644
index 000000000..0fb961bf9
--- /dev/null
+++ b/monkey/monkey_island/cc/ui/src/components/logo/LogoComponent.js
@@ -0,0 +1,32 @@
+import React from 'react';
+import {Link} from 'react-router-dom';
+import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
+import {faExternalLinkAlt} from '@fortawesome/free-solid-svg-icons';
+import {Routes} from '../Main';
+import VersionComponent from './VersionComponent';
+
+const guardicoreLogoImage = require('../../images/guardicore-logo.png');
+
+function Logo() {
+ return (
+ <>
+
+
+
Powered by
+
+
+
+
+
+
+ >
+ );
+}
+
+export default Logo;
diff --git a/monkey/monkey_island/cc/ui/src/components/side-menu/VersionComponent.js b/monkey/monkey_island/cc/ui/src/components/logo/VersionComponent.js
similarity index 100%
rename from monkey/monkey_island/cc/ui/src/components/side-menu/VersionComponent.js
rename to monkey/monkey_island/cc/ui/src/components/logo/VersionComponent.js
diff --git a/monkey/monkey_island/cc/ui/src/components/pages/LandingPage.tsx b/monkey/monkey_island/cc/ui/src/components/pages/LandingPage.tsx
index 3e8845380..c6e845aa1 100644
--- a/monkey/monkey_island/cc/ui/src/components/pages/LandingPage.tsx
+++ b/monkey/monkey_island/cc/ui/src/components/pages/LandingPage.tsx
@@ -2,21 +2,18 @@ import React from 'react';
import {Col, Row} from 'react-bootstrap';
import {Link} from 'react-router-dom';
import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
-import {faExternalLinkAlt} from '@fortawesome/free-solid-svg-icons';
import {faFileCode, faLightbulb} from '@fortawesome/free-solid-svg-icons';
import '../../styles/pages/LandingPage.scss';
import IslandHttpClient from "../IslandHttpClient";
-import VersionComponent from '../side-menu/VersionComponent';
-import {Routes} from "../Main";
-const guardicoreLogoImage = require('../../images/guardicore-logo.png');
+import Logo from "../logo/LogoComponent";
const LandingPageComponent = (props) => {
return (
<>
Breach & Attack Simulation
@@ -26,10 +23,9 @@ const LandingPageComponent = (props) => {
-
-
+
>
);
@@ -94,36 +90,13 @@ function ScenarioInfo() {
return (
<>
- Check monkey documentation hub for better explanation
+ Check the Infection Monkey documentation hub for more information
on
- Ransomware
- and
- Custom
- simulations.
+ simulations
+ .
>
);
}
-function GuardicoreLogo() {
- return (
- <>
-
-
Powered by
-
-
-
-
-
-
- >
- );
-}
-
export default LandingPageComponent;
diff --git a/monkey/monkey_island/cc/ui/src/styles/pages/LandingPage.scss b/monkey/monkey_island/cc/ui/src/styles/pages/LandingPage.scss
index af203a33a..1651c887a 100644
--- a/monkey/monkey_island/cc/ui/src/styles/pages/LandingPage.scss
+++ b/monkey/monkey_island/cc/ui/src/styles/pages/LandingPage.scss
@@ -18,6 +18,7 @@
.landing-page .d-block {
height: 100%;
+}
.guardicore-logo {
margin-bottom: 0.5em;