Updated names for uniformity

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

@@ -1,13 +1,4 @@
-import {
-	ActionIcon,
-	Button,
-	Card,
-	Group,
-	Stack,
-	Text,
-	TextInput,
-	Tooltip,
-} from '@mantine/core';
+import { ActionIcon, Card, Group, Stack, Text, TextInput, Tooltip } from '@mantine/core';
 import { useDebouncedValue, useDisclosure } from '@mantine/hooks';
 import { useCommonHooks, useMutationAPI } from 'hooks';
 import { useEffect, useState } from 'react';
@@ -52,6 +43,7 @@ function DebouncedWolClient({
 			<DeleteItemModal
 				modalOpened={modalOpened}
 				handleClose={handleClose}
+				handleDelete={() => handleDelete(client, 'api/WolClients')}
 				title={'Delete WoL Client'}
 				body={
 					<Stack gap={0} w={'100%'} h={'150px'} align='center'>
@@ -68,25 +60,6 @@ function DebouncedWolClient({
 							}}
 						>{`"${client.hostname}"`}</Text>
 						<Text c='red'>This action cannot be undone!</Text>
-						<Group pos={'absolute'} bottom={8}>
-							<Button
-								color={'red'}
-								styles={{ label: { color: 'black' } }}
-								onClick={() => {
-									handleDelete(client, 'api/WolClients');
-									handleClose();
-								}}
-							>
-								Delete
-							</Button>
-							<Button
-								color={'grey'}
-								styles={{ label: { color: 'black' } }}
-								onClick={handleClose}
-							>
-								Cancel
-							</Button>
-						</Group>
 					</Stack>
 				}
 			/>