Ali
37 lines
920 B
TypeScript
37 lines
920 B
TypeScript
import { Database, HardDrive } from 'lucide-react';
|
|
|
|
import { PageHeader } from '@@/PageHeader';
|
|
import { WidgetTabs, Tab, useCurrentTabIndex } from '@@/Widget/WidgetTabs';
|
|
|
|
import { VolumesDatatable } from './VolumesDatatable';
|
|
import { StorageDatatable } from './StorageDatatable';
|
|
|
|
export function VolumesView() {
|
|
const tabs: Tab[] = [
|
|
{
|
|
name: 'Volumes',
|
|
icon: Database,
|
|
widget: <VolumesDatatable />,
|
|
selectedTabParam: 'volumes',
|
|
},
|
|
{
|
|
name: 'Storage',
|
|
icon: HardDrive,
|
|
widget: <StorageDatatable />,
|
|
selectedTabParam: 'storage',
|
|
},
|
|
];
|
|
|
|
const currentTabIndex = useCurrentTabIndex(tabs);
|
|
|
|
return (
|
|
<>
|
|
<PageHeader title="Volume list" breadcrumbs="Volumes" reload />
|
|
<>
|
|
<WidgetTabs tabs={tabs} currentTabIndex={currentTabIndex} />
|
|
<div className="content">{tabs[currentTabIndex].widget}</div>
|
|
</>
|
|
</>
|
|
);
|
|
}
|