Message disabling

src/pages/settings/components/Messages/DebouncedMessage.tsx

@@ -1,8 +1,8 @@
-import { ActionIcon, Card, Stack, Text, TextInput, Tooltip } from '@mantine/core';
+import { ActionIcon, Card, Stack, Switch, Text, TextInput, Tooltip } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import { useCommonHooks } from 'hooks';
 import { FiTrash } from 'react-icons/fi';
-import { cardClasses, textInputClasses } from 'styles';
+import { cardClasses, switchClasses, textInputClasses } from 'styles';
 import type { Message } from 'types';
 import DeleteItemModal from '../Shared/DeleteItemModal';
 
@@ -59,6 +59,29 @@ function DebouncedMessage({
 					<FiTrash color='black' />
 				</ActionIcon>
 			</Tooltip>
+			<Tooltip
+				c={'var(--mantine-color-primary-0)'}
+				bg={'var(--mantine-color-background-0)'}
+				bd={'solid 1px var(--mantine-color-border-0)'}
+				label={'Enabled'}
+			>
+				<Switch
+					className={switchClasses.default}
+					classNames={switchClasses}
+					label={'Enabled'}
+					labelPosition='left'
+					pos={'absolute'}
+					left={'1rem'}
+					defaultChecked={message.customGreeting === 1}
+					defaultValue={message.customGreeting}
+					onChange={(event) => {
+						setMessage({
+							...message,
+							customGreeting: event.target.checked ? 1 : 0,
+						});
+					}}
+				/>
+			</Tooltip>
 			<TextInput
 				label={label}
 				className={textInputClasses.settingsItem}