fix(usage): display usage tabs base on access permissions
This commit is contained in:
@@ -25,7 +25,8 @@ import TokenTab from './token-tab';
|
|||||||
const Usage: React.FC = () => {
|
const Usage: React.FC = () => {
|
||||||
const access = useAccess();
|
const access = useAccess();
|
||||||
const intl = useIntl();
|
const intl = useIntl();
|
||||||
// Land on the cross-resource Summary by default.
|
|
||||||
|
const canSeeGpuService = !!access?.canSeeGpuService;
|
||||||
const [activeKey, setActiveKey] = useState<string>('summary');
|
const [activeKey, setActiveKey] = useState<string>('summary');
|
||||||
|
|
||||||
const items: TabsProps['items'] = useMemo(() => {
|
const items: TabsProps['items'] = useMemo(() => {
|
||||||
@@ -69,6 +70,12 @@ const Usage: React.FC = () => {
|
|||||||
});
|
});
|
||||||
}, [intl, access.canSeeGpuService]);
|
}, [intl, access.canSeeGpuService]);
|
||||||
|
|
||||||
|
// Only the Tokens tab is available — render it on its own without the
|
||||||
|
// single-item tab bar.
|
||||||
|
if (!canSeeGpuService) {
|
||||||
|
return <TokenTab />;
|
||||||
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Tabs
|
<Tabs
|
||||||
activeKey={activeKey}
|
activeKey={activeKey}
|
||||||
|
|||||||
@@ -103,7 +103,7 @@ export const probeAccessFlags = async (): Promise<{
|
|||||||
probeHasKubernetesCluster(),
|
probeHasKubernetesCluster(),
|
||||||
probeHasResourceEvents()
|
probeHasResourceEvents()
|
||||||
]);
|
]);
|
||||||
return { hasKubernetesCluster: false, hasResourceEvents: false };
|
return { hasKubernetesCluster, hasResourceEvents };
|
||||||
};
|
};
|
||||||
|
|
||||||
// Module-scoped marker for "did `getInitialState` actually run the access
|
// Module-scoped marker for "did `getInitialState` actually run the access
|
||||||
|
|||||||
Reference in New Issue
Block a user