WoL Update

src/pages/settings/components/WolClients.tsx

@@ -0,0 +1,26 @@
+import { Stack, Text } from '@mantine/core';
+import { DataTable, WolClientColumns } from 'components';
+import { useCommonHooks } from 'hooks';
+import { textClasses } from 'styles';
+
+const WolClientSettings = () => {
+	const endpoint = 'api/wolClients';
+	const { wolClientsData, wolClientsIsFetching, wolClientsIsLoading } = useCommonHooks();
+
+	return (
+		<Stack>
+			<Text className={textClasses.settingsSubTitle} classNames={textClasses}>
+				WoL Clients
+			</Text>
+			<DataTable
+				tableName='WoL Clients'
+				columns={WolClientColumns()}
+				tableData={wolClientsData}
+				isFetching={wolClientsIsFetching}
+				isLoading={wolClientsIsLoading}
+				endpoint={endpoint}
+			/>
+		</Stack>
+	);
+};
+export default WolClientSettings;