mirror of https://github.com/portainer/portainer
44 lines
1.0 KiB
TypeScript
44 lines
1.0 KiB
TypeScript
|
import { FileCode, Lock } from 'lucide-react';
|
||
|
|
import { useCurrentStateAndParams } from '@uirouter/react';
|
||
|
|
|
||
|
|
import { PageHeader } from '@@/PageHeader';
|
||
|
|
import { Tab, WidgetTabs, findSelectedTabIndex } from '@@/Widget/WidgetTabs';
|
||
|
|
|
||
|
|
import { ConfigMapsDatatable } from './ConfigMapsDatatable';
|
||
|
|
import { SecretsDatatable } from './SecretsDatatable';
|
||
|
|
|
||
|
|
const tabs: Tab[] = [
|
||
|
|
{
|
||
|
|
name: 'ConfigMaps',
|
||
|
|
icon: FileCode,
|
||
|
|
widget: <ConfigMapsDatatable />,
|
||
|
|
selectedTabParam: 'configmaps',
|
||
|
|
},
|
||
|
|
{
|
||
|
|
name: 'Secrets',
|
||
|
|
icon: Lock,
|
||
|
|
widget: <SecretsDatatable />,
|
||
|
|
selectedTabParam: 'secrets',
|
||
|
|
},
|
||
|
|
];
|
||
|
|
|
||
|
|
export function ConfigmapsAndSecretsView() {
|
||
|
|
const currentTabIndex = findSelectedTabIndex(
|
||
|
|
useCurrentStateAndParams(),
|
||
|
|
tabs
|
||
|
|
);
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<PageHeader
|
||
|
|
title="ConfigMap & Secret lists"
|
||
|
|
breadcrumbs="ConfigMaps & Secrets"
|
||
|
|
reload
|
||
|
|
/>
|
||
|
|
<>
|
||
|
|
<WidgetTabs tabs={tabs} currentTabIndex={currentTabIndex} />
|
||
|
|
<div className="content">{tabs[currentTabIndex].widget}</div>
|
||
|
|
</>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
}
|