Updated names for uniformity

src/pages/settings/components/Search/DebouncedSearchProvider.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';
@@ -53,6 +44,7 @@ function DebouncedSearchProvider({
 			<DeleteItemModal
 				modalOpened={modalOpened}
 				handleClose={handleClose}
+				handleDelete={() => handleDelete(provider, 'api/providers')}
 				title={'Delete Search Provider'}
 				body={
 					<Stack gap={0} w={'100%'} h={'150px'} align='center'>
@@ -69,25 +61,6 @@ function DebouncedSearchProvider({
 							}}
 						>{`"${provider.name}"`}</Text>
 						<Text c='red'>This action cannot be undone!</Text>
-						<Group pos={'absolute'} bottom={8}>
-							<Button
-								color={'red'}
-								styles={{ label: { color: 'black' } }}
-								onClick={() => {
-									handleDelete(provider, 'api/providers');
-									handleClose();
-								}}
-							>
-								Delete
-							</Button>
-							<Button
-								color={'grey'}
-								styles={{ label: { color: 'black' } }}
-								onClick={handleClose}
-							>
-								Cancel
-							</Button>
-						</Group>
 					</Stack>
 				}
 			/>