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 (