mirror of
https://github.com/portainer/portainer.git
synced 2025-07-22 06:49:40 +02:00
refactor(cluster): migrate nodes datatable to react [EE-4962] (#10459)
Co-authored-by: testa113 <testa113>
This commit is contained in:
parent
b346fd7f39
commit
0e47f22c0a
25 changed files with 448 additions and 219 deletions
|
@ -0,0 +1,47 @@
|
|||
import { CellContext } from '@tanstack/react-table';
|
||||
import { BarChart } from 'lucide-react';
|
||||
|
||||
import { Link } from '@@/Link';
|
||||
import { Icon } from '@@/Icon';
|
||||
|
||||
import { NodeRowData } from '../types';
|
||||
|
||||
import { columnHelper } from './helper';
|
||||
|
||||
export function getActions(metricsEnabled: boolean) {
|
||||
return columnHelper.accessor(() => '', {
|
||||
header: 'Actions',
|
||||
enableSorting: false,
|
||||
cell: (props) => (
|
||||
<ActionsCell
|
||||
// eslint-disable-next-line react/jsx-props-no-spreading
|
||||
{...props}
|
||||
metricsEnabled={metricsEnabled}
|
||||
/>
|
||||
),
|
||||
});
|
||||
}
|
||||
|
||||
function ActionsCell({
|
||||
row: { original: node },
|
||||
metricsEnabled,
|
||||
}: CellContext<NodeRowData, string> & {
|
||||
metricsEnabled: boolean;
|
||||
}) {
|
||||
const nodeName = node.metadata?.name;
|
||||
|
||||
return (
|
||||
<div className="flex gap-1.5">
|
||||
{metricsEnabled && (
|
||||
<Link
|
||||
title="Stats"
|
||||
to="kubernetes.cluster.node.stats"
|
||||
params={{ nodeName }}
|
||||
className="flex items-center p-1"
|
||||
>
|
||||
<Icon icon={BarChart} />
|
||||
</Link>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
}
|
Loading…
Add table
Add a link
Reference in a new issue