refactor: minor updates and cleanups

mziyabo · Apr 7, 2024 · 1d60014 · 1d60014
1 parent 5f24b12
commit 1d60014
Show file tree

Hide file tree

Showing 4 changed files with 24 additions and 29 deletions.
diff --git a/src/components/dashboard/dashboard.js b/src/components/dashboard/dashboard.js
@@ -25,7 +25,7 @@ class Dashboard extends Component {
                 </div>
             )
         }
-        
+
         const severityHexColors = [
             '#D22B2B', // Critical
             '#FF7E62', // High
@@ -49,8 +49,6 @@ class Dashboard extends Component {
             '#1F5F8B'
         ];
 
-
-
         return (
             <div>
                 <div className="vulnerability-charts__wrapper">

diff --git a/src/components/grid/vulnerability-report.scss b/src/components/grid/vulnerability-report.scss
@@ -1,13 +1,12 @@
-.vulnerability-report
-{
+.vulnerability-report {
     border-radius: 7px;
     padding: 0px 4px;
 
     &__sev_critical {
         background-color: #FF3838;
         color: white;
     }
-   
+
     &__sev_high {
         background-color: #FFB302;
     }
@@ -22,18 +21,16 @@
 
     &__wrapper {
         color: #363c4a;
-        margin-top:10px;
+        margin-top: 10px;
         background: white;
         border: 1px solid #dee6eb;
         padding: 10px;
-        border-radius: 7px; 
-        box-shadow: 1px 2px 3px rgba(0,0,0,.1)
+        border-radius: 7px;
+        box-shadow: 1px 2px 3px rgba(0, 0, 0, .1)
     }
 }
 
-
-
-.gridjs-sort{
+.gridjs-sort {
     background-color: initial;
     background-position-x: center;
     background-repeat: no-repeat;
@@ -58,34 +55,31 @@
         background-position-y: 35%;
         background-size: 10px;
     }
-    
+
     &-desc {
         background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOTIuMzYyIiBoZWlnaHQ9IjI5Mi4zNjIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI5Mi4zNjIgMjkyLjM2MiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZD0iTTI4Ni45MzUgNjkuMzc3Yy0zLjYxNC0zLjYxNy03Ljg5OC01LjQyNC0xMi44NDgtNS40MjRIMTguMjc0Yy00Ljk1MiAwLTkuMjMzIDEuODA3LTEyLjg1IDUuNDI0QzEuODA3IDcyLjk5OCAwIDc3LjI3OSAwIDgyLjIyOGMwIDQuOTQ4IDEuODA3IDkuMjI5IDUuNDI0IDEyLjg0N2wxMjcuOTA3IDEyNy45MDdjMy42MjEgMy42MTcgNy45MDIgNS40MjggMTIuODUgNS40MjhzOS4yMzMtMS44MTEgMTIuODQ3LTUuNDI4TDI4Ni45MzUgOTUuMDc0YzMuNjEzLTMuNjE3IDUuNDI3LTcuODk4IDUuNDI3LTEyLjg0NyAwLTQuOTQ4LTEuODE0LTkuMjI5LTUuNDI3LTEyLjg1eiIvPjwvc3ZnPg==);
         background-position-y: 65%;
         background-size: 10px;
     }
 }
 
-.gridjs-search
-{
+.gridjs-search {
     &-input {
         border: 1px solid darkgrey;
         border-radius: 4px;
-        height:33px;
+        height: 33px;
         width: 270px;
         margin-bottom: 10px;
         margin-top: 10px;
     }
 }
 
-.gridjs-pagination .gridjs-pages button.gridjs-currentPage 
-{
+.gridjs-pagination .gridjs-pages button.gridjs-currentPage {
     background-color: #f7f7f7;
     font-weight: 700;
 }
 
-.gridjs-pagination .gridjs-pages button
-{
+.gridjs-pagination .gridjs-pages button {
     padding: 0px 3px;
 }
 
@@ -99,15 +93,19 @@ tr {
     border-bottom: 1px solid #dee6eb;
 }
 
-.DocSearch-Container,.DocSearch-Container *,th.gridjs-th {
+.DocSearch-Container,
+.DocSearch-Container *,
+th.gridjs-th {
     box-sizing: border-box
 }
 
-td.gridjs-td:first-child,th.gridjs-th:first-child {
+td.gridjs-td:first-child,
+th.gridjs-th:first-child {
     border-left: none
 }
 
-td.gridjs-td:last-child,th.gridjs-th:last-child {
+td.gridjs-td:last-child,
+th.gridjs-th:last-child {
     border-right: none
 }
 
@@ -136,12 +134,13 @@ th.gridjs-th-sort .gridjs-th-content {
     width: calc(100% - 15px)
 }
 
-th.gridjs-th-sort:focus,th.gridjs-th-sort:hover {
+th.gridjs-th-sort:focus,
+th.gridjs-th-sort:hover {
     background-color: #e5e7eb
 }
 
 th.gridjs-th-fixed {
     box-shadow: 0 1px 0 0 #e5e7eb;
     position: -webkit-sticky;
     position: sticky
-}
+}
diff --git a/src/index.js b/src/index.js
@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
 // import ReactDOM from 'react-dom/client';
-import './index.css';
 // import App from './App';
+import React, { useState } from 'react';
+import './index.css';
 import { Tab, Tabs } from "@mui/material";
 import DataGrid from './components/grid/vulnerability-report';
 import Dashboard from './components/dashboard/dashboard';

diff --git a/src/utils/data.js b/src/utils/data.js
@@ -5,11 +5,9 @@ var vulnerabilityData = {}
 async function GetVulnerabilityData(reportUrl) {
   const response = await axios.get(reportUrl)
     .catch(function (error) {
-      // TODO: log something
       // console.log(`No vulnerability report found matching: ${reportUrl}`)
     })
 
-  // Empty or errored response
   if (response === undefined) {
     return []
   }