diff --git a/ui/src/console/detail/Detail.js b/ui/src/console/detail/Detail.js
index 18959f34..3c5b1aea 100644
--- a/ui/src/console/detail/Detail.js
+++ b/ui/src/console/detail/Detail.js
@@ -6,16 +6,17 @@ const Detail = (props) => {
let detailComponent =
{props.selection.id} ({props.selection.type})
;
switch(props.selection.type) {
- case "account":
- detailComponent = ;
- break;
-
case "environment":
detailComponent = ;
break;
case "share":
detailComponent = ;
+ break;
+
+ default:
+ detailComponent = ;
+ break;
}
return (
diff --git a/ui/src/console/detail/account/AccountDetail.js b/ui/src/console/detail/account/AccountDetail.js
index a2c0a627..cad7bcef 100644
--- a/ui/src/console/detail/account/AccountDetail.js
+++ b/ui/src/console/detail/account/AccountDetail.js
@@ -1,4 +1,4 @@
-import {mdiCardAccountDetails, mdiEyeOutline, mdiEyeOffOutline} from "@mdi/js";
+import {mdiCardAccountDetails} from "@mdi/js";
import Icon from "@mdi/react";
import PropertyTable from "../../PropertyTable";
import {Tab, Tabs} from "react-bootstrap";
diff --git a/ui/src/console/detail/environment/SharesTab.js b/ui/src/console/detail/environment/SharesTab.js
index f2087b80..333c8c7c 100644
--- a/ui/src/console/detail/environment/SharesTab.js
+++ b/ui/src/console/detail/environment/SharesTab.js
@@ -2,8 +2,6 @@ import * as metadata from "../../../api/metadata";
import {useEffect, useState} from "react";
import DataTable from 'react-data-table-component';
import {Sparklines, SparklinesLine, SparklinesSpots} from "react-sparklines";
-import {mdiConsoleNetwork} from "@mdi/js";
-import Icon from "@mdi/react";
const SharesTab = (props) => {
const [detail, setDetail] = useState({});
diff --git a/ui/src/console/detail/share/ShareDetail.js b/ui/src/console/detail/share/ShareDetail.js
index dbbf820a..be78206b 100644
--- a/ui/src/console/detail/share/ShareDetail.js
+++ b/ui/src/console/detail/share/ShareDetail.js
@@ -25,9 +25,11 @@ const ShareDetail = (props) => {
let interval = setInterval(() => {
metadata.getShareDetail(props.selection.id)
.then(resp => {
- let detail = resp.data;
- detail.envZId = props.selection.envZId;
- setDetail(detail);
+ if(mounted) {
+ let detail = resp.data;
+ detail.envZId = props.selection.envZId;
+ setDetail(detail);
+ }
});
}, 1000);
return () => {
diff --git a/ui/src/console/visualizer/Network.js b/ui/src/console/visualizer/Network.js
index 382b318f..62819e59 100644
--- a/ui/src/console/visualizer/Network.js
+++ b/ui/src/console/visualizer/Network.js
@@ -22,9 +22,13 @@ const Network = (props) => {
case "environment":
nodeColor = "#444";
break;
- case "share":
+
+ case "share": // share
nodeColor = "#291A66";
break;
+
+ default:
+ //
}
ctx.textBaseline = "middle";
@@ -41,10 +45,9 @@ const Network = (props) => {
ctx.strokeStyle = "#c4bdde";
ctx.stroke();
} else {
- switch(node.type) {
- case "share":
- ctx.strokeStyle = "#433482";
- ctx.stroke();
+ if(node.type === "share") {
+ ctx.strokeStyle = "#433482";
+ ctx.stroke();
}
}
diff --git a/ui/src/register/InvalidRequest.js b/ui/src/register/InvalidRequest.js
index 32d0c824..e90a8892 100644
--- a/ui/src/register/InvalidRequest.js
+++ b/ui/src/register/InvalidRequest.js
@@ -1,4 +1,4 @@
-import {Button, Container, Row} from "react-bootstrap";
+import {Container, Row} from "react-bootstrap";
const InvalidRequest = () => {
return (