fankes/beszel
2
0
Fork 0
mirror of https://github.com/fankes/beszel.git synced 2025-10-19 17:59:28 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

invert sorting in systems table

Browse Source
This commit is contained in:
Henry Dollman
2024-10-15 18:20:38 -04:00
parent c1577d3ba5
commit 31d1153916
1 changed files with 10 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
beszel/site/src/components/systems-table/systems-table.tsx
View File

@@ -113,7 +113,7 @@ export default function SystemsTable({ filter }: { filter?: string }) {
} }
}, [filter]) }, [filter])
const columns: ColumnDef<SystemRecord>[] = useMemo(() => { const columns = useMemo(() => {
return [ return [
{ {
// size: 200, // size: 200,
@@ -149,25 +149,30 @@ export default function SystemsTable({ filter }: { filter?: string }) {
}, },
{ {
accessorKey: 'info.cpu', accessorKey: 'info.cpu',
invertSorting: true,
cell: CellFormatter, cell: CellFormatter,
header: ({ column }) => sortableHeader(column, 'CPU', CpuIcon), header: ({ column }) => sortableHeader(column, 'CPU', CpuIcon),
}, },
{ {
accessorKey: 'info.mp', accessorKey: 'info.mp',
invertSorting: true,
cell: CellFormatter, cell: CellFormatter,
header: ({ column }) => sortableHeader(column, 'Memory', MemoryStickIcon), header: ({ column }) => sortableHeader(column, 'Memory', MemoryStickIcon),
}, },
{ {
accessorKey: 'info.dp', accessorKey: 'info.dp',
invertSorting: true,
cell: CellFormatter, cell: CellFormatter,
header: ({ column }) => sortableHeader(column, 'Disk', HardDriveIcon), header: ({ column }) => sortableHeader(column, 'Disk', HardDriveIcon),
}, },
{ {
accessorKey: 'info.b', accessorFn: (originalRow) => originalRow.info.b || 0,
id: 'n',
invertSorting: true,
size: 115, size: 115,
header: ({ column }) => sortableHeader(column, 'Net', EthernetIcon), header: ({ column }) => sortableHeader(column, 'Net', EthernetIcon),
cell: (info) => { cell: (info) => {
const val = (info.getValue() as number) || 0 const val = info.getValue() as number
return ( return (
<span className="tabular-nums whitespace-nowrap pl-1"> <span className="tabular-nums whitespace-nowrap pl-1">
{decimalString(val, val >= 100 ? 1 : 2)} MB/s {decimalString(val, val >= 100 ? 1 : 2)} MB/s
@@ -177,6 +182,7 @@ export default function SystemsTable({ filter }: { filter?: string }) {
}, },
{ {
accessorKey: 'info.v', accessorKey: 'info.v',
invertSorting: true,
size: 50, size: 50,
header: ({ column }) => sortableHeader(column, 'Agent', WifiIcon, true), header: ({ column }) => sortableHeader(column, 'Agent', WifiIcon, true),
cell: (info) => { cell: (info) => {
@@ -273,7 +279,7 @@ export default function SystemsTable({ filter }: { filter?: string }) {
) )
}, },
}, },
] ] as ColumnDef<SystemRecord>[]
}, [hubVersion]) }, [hubVersion])
const table = useReactTable({ const table = useReactTable({