extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2025-06-01 23:55:44 +02:00
Code Issues Packages Projects Releases Wiki Activity

activity -> shares (#141)

Browse Source
This commit is contained in:
Michael Quigley 2023-01-03 14:58:19 -05:00
parent 67dabbf73a
commit 2b5e4dda21
No known key found for this signature in database
GPG Key ID: 9B60314A9DD20A62
3 changed files with 10 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/console/detail/Detail.js
View File

@ -1,6 +1,6 @@
import AccountDetail from "./AccountDetail"; import AccountDetail from "./AccountDetail";
import ShareDetail from "./ShareDetail"; import ShareDetail from "./ShareDetail";
import EnvironmentDetail from "./environment/EnvironmentDetail"; import Environment from "./environment/Environment";
const Detail = (props) => { const Detail = (props) => {
let detailComponent = <h1>{props.selection.id} ({props.selection.type})</h1>; let detailComponent = <h1>{props.selection.id} ({props.selection.type})</h1>;
@ -11,7 +11,7 @@ const Detail = (props) => {
break; break;
case "environment": case "environment":
detailComponent = <EnvironmentDetail selection={props.selection} />; detailComponent = <Environment selection={props.selection} />;
break; break;
case "service": case "service":

12
ui/src/console/detail/environment/EnvironmentDetail.js → ui/src/console/detail/environment/Environment.js
View File

@ -1,12 +1,12 @@
import {Tab, Tabs} from "react-bootstrap"; import {Tab, Tabs} from "react-bootstrap";
import Activity from "./Activity"; import Shares from "./Shares";
import {useEffect, useState} from "react"; import {useEffect, useState} from "react";
import Icon from "@mdi/react"; import Icon from "@mdi/react";
import {mdiConsoleNetwork} from "@mdi/js"; import {mdiConsoleNetwork} from "@mdi/js";
import {getEnvironmentDetail} from "../../../api/metadata"; import {getEnvironmentDetail} from "../../../api/metadata";
import Detail from "./Detail"; import Detail from "./Detail";
const EnvironmentDetail = (props) => { const Environment = (props) => {
const [detail, setDetail] = useState({}); const [detail, setDetail] = useState({});
useEffect(() => { useEffect(() => {
@ -20,9 +20,9 @@ const EnvironmentDetail = (props) => {
return ( return (
<div> <div>
<h2><Icon path={mdiConsoleNetwork} size={2} />{" "}{detail.environment.description}</h2> <h2><Icon path={mdiConsoleNetwork} size={2} />{" "}{detail.environment.description}</h2>
<Tabs defaultActiveKey={"activity"} className={"mb-3"}> <Tabs defaultActiveKey={"shares"} className={"mb-3"}>
<Tab eventKey={"activity"} title={"Activity"}> <Tab eventKey={"shares"} title={"Shares"}>
<Activity selection={props.selection} /> <Shares selection={props.selection} />
</Tab> </Tab>
<Tab eventKey={"detail"} title={"Detail"}> <Tab eventKey={"detail"} title={"Detail"}>
<Detail environment={detail.environment} /> <Detail environment={detail.environment} />
@ -34,4 +34,4 @@ const EnvironmentDetail = (props) => {
return <></>; return <></>;
}; };
export default EnvironmentDetail; export default Environment;

4
ui/src/console/detail/environment/Activity.js → ui/src/console/detail/environment/Shares.js
View File

@ -5,7 +5,7 @@ import {Sparklines, SparklinesLine, SparklinesSpots} from "react-sparklines";
import {mdiConsoleNetwork} from "@mdi/js"; import {mdiConsoleNetwork} from "@mdi/js";
import Icon from "@mdi/react"; import Icon from "@mdi/react";
const Activity = (props) => { const Shares = (props) => {
const [detail, setDetail] = useState({}); const [detail, setDetail] = useState({});
useEffect(() => { useEffect(() => {
@ -77,4 +77,4 @@ const Activity = (props) => {
return <></>; return <></>;
} }
export default Activity; export default Shares;