Grouped stylesheets into components and pages

monkey/monkey_island/cc/ui/src/components/attack/ConfigMatrixComponent.js

@@ -4,7 +4,7 @@ import Tooltip from 'react-tooltip-lite'
 import AuthComponent from '../AuthComponent';
 import ReactTable from 'react-table';
 import 'filepond/dist/filepond.min.css';
-import '../../styles/Tooltip.scss';
+import '../../styles/components/Tooltip.scss';
 import {Col} from 'react-bootstrap';
 
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';

monkey/monkey_island/cc/ui/src/components/pages/LoginPage.js

@@ -3,7 +3,7 @@ import {Button, Col, Container, Form, Row} from 'react-bootstrap';
 
 import AuthService from '../../services/AuthService';
 import Particles from "react-particles-js";
-import {particleParams} from "../../styles/particle-component/AuthPageParams";
+import {particleParams} from "../../styles/components/particle-component/AuthPageParams";
 import monkeyGeneral from "../../images/militant-monkey.svg";
 
 class LoginPageComponent extends React.Component {

monkey/monkey_island/cc/ui/src/components/pages/MapPage.js

@@ -8,7 +8,7 @@ import PreviewPaneComponent from 'components/map/preview-pane/PreviewPane';
 import {ReactiveGraph} from 'components/reactive-graph/ReactiveGraph';
 import {getOptions, edgeGroupToColor} from 'components/map/MapOptions';
 import AuthComponent from '../AuthComponent';
-import '../../styles/Map.scss';
+import '../../styles/components/Map.scss';
 import {faInfoCircle} from "@fortawesome/free-solid-svg-icons/faInfoCircle";
 
 class MapPageComponent extends AuthComponent {

monkey/monkey_island/cc/ui/src/components/pages/NotFoundPage.js

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import '../../styles/NotFoundPage.scss';
+import '../../styles/pages/NotFoundPage.scss';
 
 import monkeyDetective from '../../images/detective-monkey.svg';
 

monkey/monkey_island/cc/ui/src/components/pages/RegisterPage.js

@@ -3,7 +3,7 @@ import {Row, Col, Container, Form, Button} from 'react-bootstrap';
 import Particles from 'react-particles-js';
 
 import AuthService from '../../services/AuthService';
-import {particleParams} from '../../styles/particle-component/AuthPageParams';
+import {particleParams} from '../../styles/components/particle-component/AuthPageParams';
 import monkeyDetective from '../../images/detective-monkey.svg';
 
 class RegisterPageComponent extends React.Component {

monkey/monkey_island/cc/ui/src/components/pages/StartOverPage.js

@@ -3,7 +3,7 @@ import {Col, Button} from 'react-bootstrap';
 import {Link} from 'react-router-dom';
 import AuthComponent from '../AuthComponent';
 import StartOverModal from '../ui-components/StartOverModal';
-import '../../styles/StartOverPage.scss';
+import '../../styles/pages/StartOverPage.scss';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {faInfoCircle} from "@fortawesome/free-solid-svg-icons/faInfoCircle";
 import {faCheck} from "@fortawesome/free-solid-svg-icons/faCheck";

monkey/monkey_island/cc/ui/src/components/pages/TelemetryPage.js

@@ -6,7 +6,7 @@ import AuthComponent from '../AuthComponent';
 import download from 'downloadjs';
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 
-import '../../styles/TelemetryPage.scss';
+import '../../styles/pages/TelemetryPage.scss';
 import {faDownload} from "@fortawesome/free-solid-svg-icons/faDownload";
 
 const renderJson = (val) => <JSONTree data={val} level={1} theme="eighties" invertTheme={true}/>;

monkey/monkey_island/cc/ui/src/components/report-components/AttackReport.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import {Col, Button} from 'react-bootstrap';
-import '../../styles/Collapse.scss';
+import '../../styles/components/Collapse.scss';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import {faCircle} from '@fortawesome/free-solid-svg-icons/faCircle';
 import {faRadiation} from '@fortawesome/free-solid-svg-icons/faRadiation';

monkey/monkey_island/cc/ui/src/components/report-components/attack/ReportMatrixComponent.js

@@ -3,7 +3,7 @@ import React from 'react';
 import Checkbox from '../../ui-components/Checkbox';
 import ReactTable from 'react-table';
 import 'filepond/dist/filepond.min.css';
-import '../../../styles/report/ReportAttackMatrix.scss';
+import '../../../styles/pages/report/ReportAttackMatrix.scss';
 
 class ReportMatrixComponent extends React.Component {
   constructor(props) {

monkey/monkey_island/cc/ui/src/components/report-components/zerotrust/SinglePillarPrinciplesStatus.js

@@ -7,7 +7,7 @@ import {Card, Collapse} from 'react-bootstrap';
 
 import {FontAwesomeIcon} from '@fortawesome/react-fontawesome';
 import {faChevronDown} from '@fortawesome/free-solid-svg-icons';
-import '../../../styles/report/ZeroTrustReport.scss';
+import '../../../styles/pages/report/ZeroTrustReport.scss';
 
 export default class SinglePillarPrinciplesStatus extends AuthComponent {
 

monkey/monkey_island/cc/ui/src/components/ui-components/Checkbox.js

@@ -1,4 +1,4 @@
-import '../../styles/Checkbox.scss'
+import '../../styles/components/Checkbox.scss'
 import React from 'react';
 
 class CheckboxComponent extends React.PureComponent {

monkey/monkey_island/cc/ui/src/styles/Main.scss

@@ -3,12 +3,14 @@
 @import '../../node_modules/bootstrap/scss/bootstrap';
 
 // Imports that require variables
-@import './report/ReportPage.scss';
+@import 'pages/report/ReportPage.scss';
-@import './report/AttackReport.scss';
+@import 'pages/report/AttackReport.scss';
-@import './PreviewPane.scss';
+@import 'pages/ConfigurationPage';
-@import './ConfigurationPage.scss';
+@import 'pages/AuthPage';
-@import './AuthPage.scss';
+@import 'pages/MonkeyRunPage';
-@import './MonkeyRunPage.scss';
+@import 'components/InfoPane';
+@import 'components/PreviewPane';
+@import 'components/AdvancedMultiSelect';
 
 
 // Define custom elements after bootstrap import