diff --git a/ui100/src/AccountPanel.tsx b/ui100/src/AccountPanel.tsx index 9a47555a..e937b915 100644 --- a/ui100/src/AccountPanel.tsx +++ b/ui100/src/AccountPanel.tsx @@ -1,9 +1,11 @@ import {Node} from "@xyflow/react"; -import {Grid2, Typography} from "@mui/material"; +import {Button, Grid2, Tooltip, Typography} from "@mui/material"; import AccountIcon from "@mui/icons-material/Person4"; import PropertyTable from "./PropertyTable.tsx"; import SecretToggle from "./SecretToggle.tsx"; import useStore from "./model/store.ts"; +import PasswordIcon from "@mui/icons-material/Password"; +import TokenIcon from "@mui/icons-material/Key"; interface AccountPanelProps { account: Node; @@ -26,6 +28,14 @@ const AccountPanel = ({ account}: AccountPanelProps) => { {String(account.data.label)} + + + + + + + + diff --git a/ui100/src/EnvironmentPanel.tsx b/ui100/src/EnvironmentPanel.tsx index 12702092..2db25b2b 100644 --- a/ui100/src/EnvironmentPanel.tsx +++ b/ui100/src/EnvironmentPanel.tsx @@ -1,11 +1,12 @@ import {Node} from "@xyflow/react"; -import {Grid2, Typography} from "@mui/material"; +import {Button, Grid2, Tooltip, Typography} from "@mui/material"; import EnvironmentIcon from "@mui/icons-material/Computer"; import {useEffect, useState} from "react"; import {Configuration, Environment, MetadataApi} from "./api"; import PropertyTable from "./PropertyTable.tsx"; import SecretToggle from "./SecretToggle.tsx"; import useStore from "./model/store.ts"; +import DeleteIcon from "@mui/icons-material/Delete"; interface EnvironmentPanelProps { environment: Node; @@ -50,6 +51,11 @@ const EnvironmentPanel = ({ environment }: EnvironmentPanelProps) => { {String(environment.data.label)} + + + + + diff --git a/ui100/src/SharePanel.tsx b/ui100/src/SharePanel.tsx index bfbd3262..c63cad48 100644 --- a/ui100/src/SharePanel.tsx +++ b/ui100/src/SharePanel.tsx @@ -1,11 +1,12 @@ import {Node} from "@xyflow/react"; -import {Grid2, Typography} from "@mui/material"; +import {Button, Grid2, Tooltip, Typography} from "@mui/material"; import ShareIcon from "@mui/icons-material/Share"; import {Configuration, MetadataApi, Share} from "./api"; import {useEffect, useState} from "react"; import PropertyTable from "./PropertyTable.tsx"; import SecretToggle from "./SecretToggle.tsx"; import useStore from "./model/store.ts"; +import DeleteIcon from "@mui/icons-material/Delete"; interface SharePanelProps { share: Node; @@ -47,6 +48,11 @@ const SharePanel = ({ share }: SharePanelProps) => { {String(share.data.label)} + + + + +