From 9f21ce07f1d4e9d25604018dab3c87d518bb51c9 Mon Sep 17 00:00:00 2001
From: VakarisZ <vakarisz@yahoo.com>
Date: Mon, 20 Jul 2020 18:22:37 +0300
Subject: [PATCH] Changed important tabs to be highlighted rather than having
 text in the front

---
 monkey/monkey_island/cc/services/config_schema.py        | 5 +++--
 .../cc/ui/src/components/pages/ConfigurePage.js          | 9 ++++++---
 .../cc/ui/src/styles/pages/ConfigurationPage.scss        | 5 +++++
 3 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/monkey/monkey_island/cc/services/config_schema.py b/monkey/monkey_island/cc/services/config_schema.py
index 5d1161789..4915fe066 100644
--- a/monkey/monkey_island/cc/services/config_schema.py
+++ b/monkey/monkey_island/cc/services/config_schema.py
@@ -323,8 +323,9 @@ SCHEMA = {
     },
     "properties": {
         "basic": {
-            "title": "Basic - Exploits",
+            "title": "Exploits",
             "type": "object",
+            "primary": True,
             "properties": {
                 "general": {
                     "title": "General",
@@ -377,7 +378,7 @@ SCHEMA = {
             }
         },
         "basic_network": {
-            "title": "Basic - Network",
+            "title": "Network",
             "type": "object",
             "properties": {
                 "general": {
diff --git a/monkey/monkey_island/cc/ui/src/components/pages/ConfigurePage.js b/monkey/monkey_island/cc/ui/src/components/pages/ConfigurePage.js
index e75978b7f..e2042fa69 100644
--- a/monkey/monkey_island/cc/ui/src/components/pages/ConfigurePage.js
+++ b/monkey/monkey_island/cc/ui/src/components/pages/ConfigurePage.js
@@ -383,10 +383,13 @@ class ConfigurePageComponent extends AuthComponent {
                  activeKey={this.state.selectedSection} onSelect={this.setSelectedSection}
                  style={{'marginBottom': '2em'}}
                  className={'config-nav'}>
-      {this.state.sections.map(section =>
+      {this.state.sections.map(section => {
+        let classProp = section.key.startsWith('basic') ? 'tab-primary' : '';
+        return (
         <Nav.Item>
-          <Nav.Link eventKey={section.key}>{section.title}</Nav.Link>
-        </Nav.Item>)}
+          <Nav.Link className={classProp} eventKey={section.key}>{section.title}</Nav.Link>
+        </Nav.Item>);
+      })}
     </Nav>)
   };
 
diff --git a/monkey/monkey_island/cc/ui/src/styles/pages/ConfigurationPage.scss b/monkey/monkey_island/cc/ui/src/styles/pages/ConfigurationPage.scss
index 20e862d0d..c8f710d32 100644
--- a/monkey/monkey_island/cc/ui/src/styles/pages/ConfigurationPage.scss
+++ b/monkey/monkey_island/cc/ui/src/styles/pages/ConfigurationPage.scss
@@ -2,6 +2,11 @@
   height: 50px !important;
 }
 
+.config-nav .nav-link.tab-primary{
+  color: $monkey-alt;
+  font-weight: bold;
+}
+
 .config-nav .nav-item > a{
   color: $black;
   padding: 15px 10px 15px 10px;