Improve code quality

virtweb_frontend/src/widgets/BaseAuthenticatedPage.tsx

@@ -4,7 +4,6 @@ import {
   mdiHome,
   mdiInformation,
   mdiLan,
-  mdiSecurity,
   mdiSecurityNetwork,
 } from "@mdi/js";
 import Icon from "@mdi/react";
@@ -17,9 +16,9 @@ import {
   ListItemText,
 } from "@mui/material";
 import { Outlet, useLocation } from "react-router-dom";
+import { isDebug } from "../utils/DebugUtils";
 import { RouterLink } from "./RouterLink";
 import { VirtWebAppBar } from "./VirtWebAppBar";
-import { isDebug } from "../utils/DebugUtils";
 
 export function BaseAuthenticatedPage(): React.ReactElement {
   return (

virtweb_frontend/src/widgets/net/NetworkDetails.tsx

@@ -23,10 +23,10 @@ interface DetailsProps {
 }
 
 export function NetworkDetails(p: DetailsProps): React.ReactElement {
-  const [cardsList, setCardsList] = React.useState<string[] | any>();
+  const [nicsList, setNicsList] = React.useState<string[] | any>();
 
   const load = async () => {
-    setCardsList(await ServerApi.GetNetworksList());
+    setNicsList(await ServerApi.GetNetworksList());
   };
 
   return (
@@ -34,7 +34,7 @@ export function NetworkDetails(p: DetailsProps): React.ReactElement {
       loadKey={"1"}
       load={load}
       errMsg="Failed to load the list of host network cards!"
-      build={() => <NetworkDetailsInner cardsList={cardsList} {...p} />}
+      build={() => <NetworkDetailsInner nicsList={nicsList} {...p} />}
     />
   );
 }
@@ -47,7 +47,7 @@ enum NetTab {
   Danger,
 }
 
-type DetailsInnerProps = DetailsProps & { cardsList: string[] };
+type DetailsInnerProps = DetailsProps & { nicsList: string[] };
 
 function NetworkDetailsInner(p: DetailsInnerProps): React.ReactElement {
   const [currTab, setCurrTab] = React.useState(NetTab.General);
@@ -176,7 +176,7 @@ function NetworkDetailsTabGeneral(p: DetailsInnerProps): React.ReactElement {
             value={p.net.device}
             options={[
               { label: "Default interface", value: undefined },
-              ...p.cardsList.map((d) => {
+              ...p.nicsList.map((d) => {
                 return { label: d, value: d };
               }),
             ]}