diff --git a/monkey/monkey_island/cc/ui/src/components/Main.js b/monkey/monkey_island/cc/ui/src/components/Main.js index 734fc2e3d..2c54822a5 100644 --- a/monkey/monkey_island/cc/ui/src/components/Main.js +++ b/monkey/monkey_island/cc/ui/src/components/Main.js @@ -14,7 +14,8 @@ import ReportPage from 'components/pages/ReportPage'; import LicensePage from 'components/pages/LicensePage'; import AuthComponent from 'components/AuthComponent'; import LoginPageComponent from 'components/pages/LoginPage'; -import Notifier from 'react-desktop-notification' +import Notifier from 'react-desktop-notification'; +import NotFoundPage from 'components/pages/NotFoundPage'; import 'normalize.css/normalize.css'; @@ -197,6 +198,8 @@ class AppComponent extends AuthComponent { + + ()}/> {this.renderRoute('/', , true)} {this.renderRoute('/configure', )} @@ -205,12 +208,12 @@ class AppComponent extends AuthComponent { {this.renderRoute('/infection/telemetry', )} {this.renderRoute('/start-over', )} {this.redirectTo('/report', '/report/security')} - {this.renderRoute('/report/security', )} {this.renderRoute('/report/attack', )} {this.renderRoute('/report/zeroTrust', )} - {this.renderRoute('/license', )} + + diff --git a/monkey/monkey_island/cc/ui/src/components/pages/NotFoundPage.js b/monkey/monkey_island/cc/ui/src/components/pages/NotFoundPage.js new file mode 100644 index 000000000..1148b06aa --- /dev/null +++ b/monkey/monkey_island/cc/ui/src/components/pages/NotFoundPage.js @@ -0,0 +1,25 @@ +import React from 'react'; + +import '../../styles/NotFoundPage.scss'; + +let monkeyDetective = require('../../images/detective-monkey.svg'); + +class ConfigurePageComponent extends React.Component{ + constructor(props) { + super(props); + }; + + render(){ + return( +
+ +
+

404

+

Page not found

+
+
+ ) + } +} + +export default ConfigurePageComponent; diff --git a/monkey/monkey_island/cc/ui/src/images/detective-monkey.svg b/monkey/monkey_island/cc/ui/src/images/detective-monkey.svg new file mode 100644 index 000000000..1911c32ad --- /dev/null +++ b/monkey/monkey_island/cc/ui/src/images/detective-monkey.svg @@ -0,0 +1,88 @@ + + + + + + + + + + + + + + + + + 03bed00a-ca95-430e-aa43-12f62fe2eab4 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/monkey/monkey_island/cc/ui/src/styles/NotFoundPage.scss b/monkey/monkey_island/cc/ui/src/styles/NotFoundPage.scss new file mode 100644 index 000000000..e3c37d7a7 --- /dev/null +++ b/monkey/monkey_island/cc/ui/src/styles/NotFoundPage.scss @@ -0,0 +1,28 @@ +$yellow: #ffcc00; + + +.not-found .not-found-title { + color: $yellow; + font-size: 8em; + margin-bottom: 0 !important; +} + +.not-found .monkey-detective { + height: 200px; + display: inline-block; +} + +.not-found .text-block { + display: inline-block; +} +.not-found { + display: flex; + align-items: center; + margin-top:200px; + margin-left:100px; +} + +.not-found .not-found-subtitle { + margin-top: 0 !important; +} +