WoL Update

src/components/DataTable/columns/WolClientColumns.tsx

@@ -0,0 +1,50 @@
+import type { MRT_ColumnDef } from 'mantine-react-table';
+import { useMemo } from 'react';
+
+export function WolClientColumns() {
+	const columns = useMemo<MRT_ColumnDef<any>[]>(
+		() => [
+			{
+				accessorFn: (row) => {
+					if (row.id) {
+						return `${row.id}`;
+					}
+					return '';
+				},
+				enableEditing: false,
+				id: 'id',
+				header: 'ID',
+				size: 50,
+				Cell: ({ renderedCellValue }) => renderedCellValue,
+				Header: ({ column }) => column.columnDef.header,
+			},
+			{
+				accessorFn: (row) => {
+					if (row.hostname) {
+						return `${row.hostname}`;
+					}
+					return '';
+				},
+				id: 'hostname',
+				header: 'Hostname',
+				Cell: ({ renderedCellValue }) => renderedCellValue,
+				Header: ({ column }) => column.columnDef.header,
+			},
+			{
+				accessorFn: (row) => {
+					if (row.macAddress) {
+						return `${row.macAddress}`;
+					}
+					return '';
+				},
+				id: 'macAddress',
+				header: 'MAC Address',
+				Cell: ({ renderedCellValue }) => renderedCellValue,
+				Header: ({ column }) => column.columnDef.header,
+			},
+		],
+		[],
+	);
+
+	return columns;
+}

src/components/index.ts

@@ -9,3 +9,4 @@ export { CategoryColumns } from './DataTable/columns/CategoryColumns';
 export { MessagesColumns } from './DataTable/columns/MessagesColumns';
 export { PersonalizationColumns } from './DataTable/columns/PersonalizationColumns';
 export { SearchProviderColumns } from './DataTable/columns/SearchProviderColumns';
+export { WolClientColumns } from './DataTable/columns/WolClientColumns';