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 - - GuardiCore - -
-
- - Documentation - -
- License -
- + ); 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 + + GuardiCore + +
+
+ + Documentation + +
+ License +
+ + + ); +} + +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 - - GuardiCore - -
-
- - Documentation - -
- License -
- - - ); -} - 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;