chore(ui): small cleanup

ui/src/layout/AssetScans/AssetScanDetails.jsx

@@ -3,13 +3,12 @@ import { useLocation } from "react-router-dom";
 import DetailsPageWrapper from "components/DetailsPageWrapper";
 import TabbedPage from "components/TabbedPage";
 import { APIS } from "utils/systemConsts";
-import { formatDate, getScanName } from "utils/utils";
+import { formatDate } from "utils/utils";
 import { Findings } from "layout/detail-displays";
 import TabAssetScanDetails from "./TabAssetScanDetails";
 
 const ASSET_SCAN_DETAILS_PATHS = {
-  ASSET_SCAN_DETAILS: "",
-  FINDINGHS: "findings",
+  FINDINGS: "findings",
 };
 
 const DetailsContent = ({ data }) => {
@@ -30,7 +29,7 @@ const DetailsContent = ({ data }) => {
         {
           id: "findings",
           title: "Findings",
-          path: ASSET_SCAN_DETAILS_PATHS.FINDINGHS,
+          path: ASSET_SCAN_DETAILS_PATHS.FINDINGS,
           component: () => (
             <Findings
               findingsSummary={summary}

ui/src/layout/Assets/AssetDetails.jsx

@@ -9,7 +9,6 @@ import {
 } from "layout/detail-displays";
 
 const ASSET_DETAILS_PATHS = {
-  ASSET_DETAILS: "",
   FINDINGS: "findings",
 };
 

ui/src/layout/Findings/Exploits/ExploitDetails.jsx

@@ -6,7 +6,6 @@ import TabExploitDetails from "./TabExploitDetails";
 import AssetsForFindingTable from "layout/Assets/AssetsForFindingTable";
 
 const EXPLOIT_DETAILS_PATHS = {
-  EXPLOIT_DETAILS: "",
   ASSET_LIST: "assets",
 };
 
@@ -23,7 +22,6 @@ const DetailsContent = ({ data }) => {
           id: "general",
           title: "Exploit details",
           isIndex: true,
-          path: EXPLOIT_DETAILS_PATHS.EXPLOIT_DETAILS,
           component: () => <TabExploitDetails data={data} />,
         },
         {

ui/src/layout/Findings/Malware/MalwareDetails.jsx

@@ -6,7 +6,6 @@ import TabMalwareDetails from "./TabMalwareDetails";
 import AssetsForFindingTable from "layout/Assets/AssetsForFindingTable";
 
 const MALWARE_DETAILS_PATHS = {
-  MALWARE_DETAILS: "",
   ASSET_LIST: "assets",
 };
 
@@ -23,7 +22,6 @@ const DetailsContent = ({ data }) => {
           id: "general",
           title: "Malware details",
           isIndex: true,
-          path: MALWARE_DETAILS_PATHS.MALWARE_DETAILS,
           component: () => <TabMalwareDetails data={data} />,
         },
         {

ui/src/layout/Findings/Misconfigurations/MisconfigurationDetails.jsx

@@ -6,7 +6,6 @@ import TabMisconfigurationDetails from "./TabMisconfigurationDetails";
 import AssetsForFindingTable from "layout/Assets/AssetsForFindingTable";
 
 const MISCONFIGURATION_DETAILS_PATHS = {
-  MISCONFIGURATION_DETAILS: "",
   ASSET_LIST: "assets",
 };
 
@@ -23,7 +22,6 @@ const DetailsContent = ({ data }) => {
           id: "general",
           title: "Misconfiguration details",
           isIndex: true,
-          path: MISCONFIGURATION_DETAILS_PATHS.MISCONFIGURATION_DETAILS,
           component: () => <TabMisconfigurationDetails data={data} />,
         },
         {

ui/src/layout/Findings/Packages/PackageDetails.jsx

@@ -6,7 +6,6 @@ import TabPackageDetails from "./TabPackageDetails";
 import AssetsForFindingTable from "layout/Assets/AssetsForFindingTable";
 
 const PACKAGE_DETAILS_PATHS = {
-  PACKAGE_DETAILS: "",
   ASSET_LIST: "assets",
 };
 
@@ -23,7 +22,6 @@ const DetailsContent = ({ data }) => {
           id: "general",
           title: "Package details",
           isIndex: true,
-          path: PACKAGE_DETAILS_PATHS.PACKAGE_DETAILS,
           component: () => <TabPackageDetails data={data} />,
         },
         {

ui/src/layout/Findings/Rootkits/RootkitDetails.jsx

@@ -6,7 +6,6 @@ import TabRootkitDetails from "./TabRootkitDetails";
 import AssetsForFindingTable from "layout/Assets/AssetsForFindingTable";
 
 const ROOTKIT_DETAILS_PATHS = {
-  ROOTKIT_DETAILS: "",
   ASSET_LIST: "assets",
 };
 
@@ -23,7 +22,6 @@ const DetailsContent = ({ data }) => {
           id: "general",
           title: "Rootkit details",
           isIndex: true,
-          path: ROOTKIT_DETAILS_PATHS.ROOTKIT_DETAILS,
           component: () => <TabRootkitDetails data={data} />,
         },
         {

ui/src/layout/Findings/Secrets/SecretDetails.jsx

@@ -6,7 +6,6 @@ import TabSecretDetails from "./TabSecretDetails";
 import AssetsForFindingTable from "layout/Assets/AssetsForFindingTable";
 
 const SECRET_DETAILS_PATHS = {
-  SECRET_DETAILS: "",
   ASSET_LIST: "assets",
 };
 
@@ -23,7 +22,6 @@ const DetailsContent = ({ data }) => {
           id: "general",
           title: "Secret details",
           isIndex: true,
-          path: SECRET_DETAILS_PATHS.SECRET_DETAILS,
           component: () => <TabSecretDetails data={data} />,
         },
         {

ui/src/layout/Findings/Vulnerabilities/VulnerabilityDetails.jsx

@@ -6,7 +6,6 @@ import TabVulnerabilityDetails from "./TabVulnerabilityDetails";
 import AssetsForFindingTable from "layout/Assets/AssetsForFindingTable";
 
 const VULNERABILITY_DETAILS_PATHS = {
-  VULNERABILITY_DETAILS: "",
   ASSET_LIST: "assets",
 };
 
@@ -23,7 +22,6 @@ const DetailsContent = ({ data }) => {
           id: "general",
           title: "Vulnerability details",
           isIndex: true,
-          path: VULNERABILITY_DETAILS_PATHS.VULNERABILITY_DETAILS,
           component: () => <TabVulnerabilityDetails data={data} />,
         },
         {

ui/src/layout/Scans/Configurations/ConfigurationActionsDisplay/index.jsx

@@ -27,8 +27,8 @@ const ConfigurationActionsDisplay = ({ data, onDelete, onUpdate }) => {
   const disableStartScan =
     Date.now() - new Date(operationTime).valueOf() <= 0 && !cronLine;
 
-  const [deleteConfigmationData, setDeleteConfigmationData] = useState(null);
-  const closeDeleteConfigmation = () => setDeleteConfigmationData(null);
+  const [deleteConfirmationData, setDeleteConfirmationData] = useState(null);
+  const closeDeleteConfirmation = () => setDeleteConfirmationData(null);
 
   const [{ deleting }, deleteConfiguration] = useDelete(APIS.SCAN_CONFIGS);
   const prevDeleting = usePrevious(deleting);
@@ -109,28 +109,28 @@ const ConfigurationActionsDisplay = ({ data, onDelete, onUpdate }) => {
             event.stopPropagation();
             event.preventDefault();
 
-            setDeleteConfigmationData(data);
+            setDeleteConfirmationData(data);
           }}
         />
       </div>
-      {!isNull(deleteConfigmationData) && (
+      {!isNull(deleteConfirmationData) && (
         <Modal
-          title="Delete configmation"
+          title="Delete confirmation"
           isMediumTitle
           className="scan-config-delete-confirmation"
-          onClose={closeDeleteConfigmation}
+          onClose={closeDeleteConfirmation}
           height={250}
           doneTitle="Delete"
           onDone={() => {
-            deleteConfiguration(deleteConfigmationData.id);
-            closeDeleteConfigmation();
+            deleteConfiguration(deleteConfirmationData.id);
+            closeDeleteConfirmation();
           }}
         >
           <span>{`Once `}</span>
-          <BoldText>{deleteConfigmationData.name}</BoldText>
+          <BoldText>{deleteConfirmationData.name}</BoldText>
           <span>{` will be deleted, the action cannot be reverted`}</span>
           <br />
-          <span>{`Are you sure you want to delete ${deleteConfigmationData.name}?`}</span>
+          <span>{`Are you sure you want to delete ${deleteConfirmationData.name}?`}</span>
         </Modal>
       )}
     </>

ui/src/layout/Scans/Scans/ScanDetails.jsx

@@ -3,22 +3,21 @@ import { useLocation } from "react-router-dom";
 import DetailsPageWrapper from "components/DetailsPageWrapper";
 import TabbedPage from "components/TabbedPage";
 import { APIS } from "utils/systemConsts";
-import { formatDate, getScanName } from "utils/utils";
+import { formatDate } from "utils/utils";
 import {
   ScanDetails as ScanDetailsTab,
   Findings,
 } from "layout/detail-displays";
 import ScanActionsDisplay from "./ScanActionsDisplay";
 
 export const SCAN_DETAILS_PATHS = {
-  SCAN_DETALS: "",
   FINDINGS: "findings",
 };
 
 const DetailsContent = ({ data, fetchData }) => {
   const { pathname } = useLocation();
 
-  const { id, name, startTime } = data;
+  const { id, name } = data;
 
   return (
     <TabbedPage

ui/src/utils/utils.jsx

@@ -44,9 +44,6 @@ export const cronExpressionToHuman = (value) =>
 export const formatNumber = (value) =>
   new Intl.NumberFormat("en-US").format(parseInt(value || 0, 10));
 
-export const getScanName = ({ name, startTime }) =>
-  `${name} ${formatDate(startTime)}`;
-
 export const getHighestVersionCvssData = (cvssData) => {
   if (isEmpty(cvssData)) {
     return {};