diff --git a/packages/web_ui/src/components/ControllerPage.tsx b/packages/web_ui/src/components/ControllerPage.tsx index 9e241bb5..5284a5e6 100644 --- a/packages/web_ui/src/components/ControllerPage.tsx +++ b/packages/web_ui/src/components/ControllerPage.tsx @@ -81,6 +81,7 @@ export default function ControllerPage() { const [systems] = useSystems(); const system = systems.get("controller"); const [maxLevel, setMaxLevel] = useState("info"); + const canShowNpm = hasNpmButtonPermission(true); return { - hasNpmButtonPermission(true) + canShowNpm && } } diff --git a/packages/web_ui/src/components/HostViewPage.tsx b/packages/web_ui/src/components/HostViewPage.tsx index 93374cfa..d05115fb 100644 --- a/packages/web_ui/src/components/HostViewPage.tsx +++ b/packages/web_ui/src/components/HostViewPage.tsx @@ -90,6 +90,7 @@ export default function HostViewPage() { const system = systems.get(hostId); const [host, synced] = useHost(hostId); const [maxLevel, setMaxLevel] = useState("info"); + const canShowNpm = hasNpmButtonPermission(false); const hostInstances = new Map([...instances].filter(([_id, instance]) => instance.assignedHost === hostId)); let nav = [{ name: "Hosts", path: "/hosts" }, { name: host?.name ?? String(hostId) }]; @@ -124,10 +125,9 @@ export default function HostViewPage() { } - { - hasNpmButtonPermission(false) - && - } + {canShowNpm && ( + + )} ; return