25 lines
621 B
TypeScript
25 lines
621 B
TypeScript
import { Card, Stack, Text } from '@mantine/core';
|
|
import { useCommonHooks } from 'hooks';
|
|
import { FaLaptop } from 'react-icons/fa';
|
|
import { cardClasses } from 'styles';
|
|
|
|
function WolClientSettingsItem({ client }: any) {
|
|
const { isMobile } = useCommonHooks();
|
|
return (
|
|
<Card
|
|
className={cardClasses.settingsItemHover}
|
|
classNames={cardClasses}
|
|
h={200}
|
|
w={isMobile ? '100%' : 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;
|