feat(ui): Dragonflight redesign — admin screens (users, tokens, containers, cluster, settings): screens-admin.jsx
This commit is contained in:
parent
1eaf9dff5c
commit
e13d111b9f
1 changed files with 1 additions and 6 deletions
|
|
@ -2,7 +2,6 @@
|
||||||
|
|
||||||
const { USERS, TOKENS_LIST, CONTAINERS, NODES } = window.ZAMPP_DATA;
|
const { USERS, TOKENS_LIST, CONTAINERS, NODES } = window.ZAMPP_DATA;
|
||||||
|
|
||||||
/* ========== Users & Groups ========== */
|
|
||||||
function Users() {
|
function Users() {
|
||||||
const [tab, setTab] = React.useState("users");
|
const [tab, setTab] = React.useState("users");
|
||||||
return (
|
return (
|
||||||
|
|
@ -50,7 +49,6 @@ function Users() {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ========== Tokens (parody) ========== */
|
|
||||||
function Tokens() {
|
function Tokens() {
|
||||||
const [burned, setBurned] = React.useState(14340);
|
const [burned, setBurned] = React.useState(14340);
|
||||||
const [rate, setRate] = React.useState(2.4);
|
const [rate, setRate] = React.useState(2.4);
|
||||||
|
|
@ -296,7 +294,6 @@ function CalcSlider({ label, value, onChange, min, max, step = 1, unit }) {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ========== Containers ========== */
|
|
||||||
function Containers() {
|
function Containers() {
|
||||||
return (
|
return (
|
||||||
<div className="page">
|
<div className="page">
|
||||||
|
|
@ -354,7 +351,6 @@ function Containers() {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ========== Cluster (topology graph) ========== */
|
|
||||||
function Cluster() {
|
function Cluster() {
|
||||||
const [hovered, setHovered] = React.useState(null);
|
const [hovered, setHovered] = React.useState(null);
|
||||||
const [selected, setSelected] = React.useState(NODES[0]);
|
const [selected, setSelected] = React.useState(NODES[0]);
|
||||||
|
|
@ -540,7 +536,6 @@ function DetailRow({ k, v, mono }) {
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* ========== Settings ========== */
|
|
||||||
function Settings() {
|
function Settings() {
|
||||||
return (
|
return (
|
||||||
<div className="page">
|
<div className="page">
|
||||||
|
|
@ -557,7 +552,7 @@ function Settings() {
|
||||||
{ id: "sdi", label: "SDI capture", icon: "video" },
|
{ id: "sdi", label: "SDI capture", icon: "video" },
|
||||||
{ id: "ampp", label: "AMPP integration", icon: "link" },
|
{ id: "ampp", label: "AMPP integration", icon: "link" },
|
||||||
{ id: "branding", label: "Branding", icon: "image" },
|
{ id: "branding", label: "Branding", icon: "image" },
|
||||||
{ id: "logs", label: "Logs & telemetry", icon: "list" },
|
{ id: "logs", label: "Logs & telemetry", icon: "list" },
|
||||||
].map((s, i) => (
|
].map((s, i) => (
|
||||||
<a key={s.id} className={`settings-nav-item ${i === 0 ? "active" : ""}`}>
|
<a key={s.id} className={`settings-nav-item ${i === 0 ? "active" : ""}`}>
|
||||||
<Icon name={s.icon} size={14} />{s.label}
|
<Icon name={s.icon} size={14} />{s.label}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue