From cf2fff92f605e341ff9c822e7d5515d6c75e7447 Mon Sep 17 00:00:00 2001
From: VakarisZ <vakarisz@yahoo.com>
Date: Thu, 28 Nov 2019 16:38:56 +0200
Subject: [PATCH] Typos, added link to attack page in attack report description

---
 .../src/components/attack/MatrixComponent.js  |  2 +-
 .../report-components/AttackReport.js         | 21 ++++++++-----------
 .../cc/ui/src/styles/report/AttackReport.scss |  3 +++
 3 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/monkey/monkey_island/cc/ui/src/components/attack/MatrixComponent.js b/monkey/monkey_island/cc/ui/src/components/attack/MatrixComponent.js
index 1934725de..42ee57aa4 100644
--- a/monkey/monkey_island/cc/ui/src/components/attack/MatrixComponent.js
+++ b/monkey/monkey_island/cc/ui/src/components/attack/MatrixComponent.js
@@ -92,7 +92,7 @@ class MatrixComponent extends AuthComponent {
       <div id="header" className="row justify-content-between attack-legend">
         <Col xs={4}>
           <FontAwesomeIcon icon={faCircleThin} className="icon-unchecked"/>
-          <span> - Dissabled</span>
+          <span> - Disabled</span>
         </Col>
         <Col xs={4}>
           <FontAwesomeIcon icon={faCircle} className="icon-checked"/>
diff --git a/monkey/monkey_island/cc/ui/src/components/report-components/AttackReport.js b/monkey/monkey_island/cc/ui/src/components/report-components/AttackReport.js
index e37567356..c4311c74a 100644
--- a/monkey/monkey_island/cc/ui/src/components/report-components/AttackReport.js
+++ b/monkey/monkey_island/cc/ui/src/components/report-components/AttackReport.js
@@ -1,10 +1,9 @@
 import React from 'react';
-import {Col} from 'react-bootstrap';
+import {Col, Button} from 'react-bootstrap';
 import '../../styles/Collapse.scss';
 import '../../styles/report/AttackReport.scss';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faCircle as faCircle } from '@fortawesome/free-solid-svg-icons';
-import { faCircle as faCircleThin } from '@fortawesome/free-regular-svg-icons';
+import { faCircle } from '@fortawesome/free-solid-svg-icons';
 
 import ReportHeader, {ReportTypes} from './common/ReportHeader';
 import {ScanStatus} from '../attack/techniques/Helpers';
@@ -109,19 +108,15 @@ class AttackReport extends React.Component {
 
   renderLegend() {
     return (<div id="header" className="row justify-content-between attack-legend">
-      <Col xs={3}>
-        <FontAwesomeIcon icon={faCircleThin} className="icon-unchecked"/>
-        <span> - Dissabled</span>
-      </Col>
-      <Col xs={3}>
+      <Col xs={4}>
         <FontAwesomeIcon icon={faCircle} className="icon-default"/>
-        <span> - Unscanned</span>
+        <span> - Not scanned</span>
       </Col>
-      <Col xs={3}>
+      <Col xs={4}>
         <FontAwesomeIcon icon={faCircle} className="icon-info"/>
         <span> - Scanned</span>
       </Col>
-      <Col xs={3}>
+      <Col xs={4}>
         <FontAwesomeIcon icon={faCircle} className="icon-danger"/>
         <span> - Used</span>
       </Col>
@@ -134,7 +129,9 @@ class AttackReport extends React.Component {
           <ReportHeader report_type={ReportTypes.attack}/>
           <hr/>
           <p>
-            This report shows information about ATT&CK techniques used by Infection Monkey.
+            This report shows information about
+            <Button bsStyle={"link"} href={"https://attack.mitre.org/"} bsSize={"lg"} className={"attack-link"}>ATT&CK </Button>
+            techniques used by Infection Monkey.
           </p>
           {this.renderLegend()}
           <Matrix techniques={this.state.techniques} schema={this.state.schema} onClick={this.onTechniqueSelect}/>
diff --git a/monkey/monkey_island/cc/ui/src/styles/report/AttackReport.scss b/monkey/monkey_island/cc/ui/src/styles/report/AttackReport.scss
index a4953bd4a..2618f4ed8 100644
--- a/monkey/monkey_island/cc/ui/src/styles/report/AttackReport.scss
+++ b/monkey/monkey_island/cc/ui/src/styles/report/AttackReport.scss
@@ -41,3 +41,6 @@
   word-wrap: break-word;
 }
 
+.attack-link{
+  padding: 6px 10px !important;
+}