Updated WoL Settings

src/pages/settings/components/WoL/WolClientSettingsItem.tsx

@@ -0,0 +1,22 @@
+import { Card, Stack, Text } from '@mantine/core';
+import { FaLaptop } from 'react-icons/fa';
+import { cardClasses } from 'styles';
+
+function WolClientSettingsItem({ client }: any) {
+	return (
+		<Card
+			className={cardClasses.settingsItemHover}
+			classNames={cardClasses}
+			h={200}
+			w={200}
+		>
+			<Stack align='center' gap={0}>
+				<FaLaptop fontSize={100} />
+				<Text fz={24}>{client.hostname}</Text>
+				<Text fz={20}>{client.macAddress}</Text>
+			</Stack>
+		</Card>
+	);
+}
+
+export default WolClientSettingsItem;