App and sorting updates

src/pages/settings/components/Applications/DebouncedApplication.tsx

@@ -5,6 +5,7 @@ import {
 	Group,
 	Modal,
 	Stack,
+	Switch,
 	Text,
 	TextInput,
 	Tooltip,
@@ -36,7 +37,6 @@ function DebouncedApplication({ application }: { application: Application }) {
 			setApp(update);
 		}
 	}, [update]);
-
 	return (
 		<Card className={cardClasses.settingsItem} classNames={cardClasses}>
 			<Modal.Root
@@ -114,6 +114,27 @@ function DebouncedApplication({ application }: { application: Application }) {
 					<IconTrash />
 				</ActionIcon>
 			</Tooltip>
+			<Tooltip
+				color={theme.primaryColor}
+				bd={`solid 1px ${theme.borderColor}`}
+				label={'Enabled'}
+			>
+				<Switch
+					label={<Text c={theme.primaryColor}>Enabled</Text>}
+					labelPosition='left'
+					pos={'absolute'}
+					left={16}
+					defaultChecked={app.enabled === 1}
+					defaultValue={app.enabled}
+					onChange={(event) => {
+						setUpdate({
+							...app,
+							enabled: event.target.checked ? 1 : 0,
+						});
+					}}
+					color={theme.primaryColor}
+				/>
+			</Tooltip>
 			<Group w={'100%'} justify='center'>
 				<TextInput
 					label={'Name'}