extern/zrok
1
1
Fork 0
mirror of https://github.com/openziti/zrok.git synced 2024-11-23 00:23:48 +01:00
Code Issues Packages Projects Releases Wiki Activity

always tabs; always blue (#141)

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

5
ui/src/console/detail/AccountDetail.js
View File

@ -1,12 +1,17 @@
import {mdiCardAccountDetails} from "@mdi/js"; import {mdiCardAccountDetails} from "@mdi/js";
import Icon from "@mdi/react"; import Icon from "@mdi/react";
import PropertyTable from "../PropertyTable"; import PropertyTable from "../PropertyTable";
import {Tab, Tabs} from "react-bootstrap";
const AccountDetail = (props) => { const AccountDetail = (props) => {
return ( return (
<div> <div>
<h2><Icon path={mdiCardAccountDetails} size={2} />{" "}{props.user.email}</h2> <h2><Icon path={mdiCardAccountDetails} size={2} />{" "}{props.user.email}</h2>
<Tabs defaultActiveKey={"detail"}>
<Tab eventKey={"detail"} title={"Detail"}>
<PropertyTable object={props.user} /> <PropertyTable object={props.user} />
</Tab>
</Tabs>
</div> </div>
); );
} }

5
ui/src/console/detail/ShareDetail.js
View File

@ -4,6 +4,7 @@ import {useEffect, useState} from "react";
import {mdiShareVariant} from "@mdi/js"; import {mdiShareVariant} from "@mdi/js";
import Icon from "@mdi/react"; import Icon from "@mdi/react";
import PropertyTable from "../PropertyTable"; import PropertyTable from "../PropertyTable";
import {Tab, Tabs} from "react-bootstrap";
const ShareDetail = (props) => { const ShareDetail = (props) => {
const [detail, setDetail] = useState({}); const [detail, setDetail] = useState({});
@ -40,7 +41,11 @@ const ShareDetail = (props) => {
return ( return (
<div> <div>
<h2><Icon path={mdiShareVariant} size={2} />{" "}{detail.backendProxyEndpoint}</h2> <h2><Icon path={mdiShareVariant} size={2} />{" "}{detail.backendProxyEndpoint}</h2>
<Tabs defaultActiveKey={"detail"}>
<Tab eventKey={"detail"} title={"Detail"}>
<PropertyTable object={detail} custom={customProperties} /> <PropertyTable object={detail} custom={customProperties} />
</Tab>
</Tabs>
</div> </div>
); );
} }