From 06e1e1ba762170a55eb14c46d5c612fbc9f6babf Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 6 Nov 2024 22:47:44 -0600
Subject: [PATCH] fix(dokploy): sync the toggle value when enable docker
 cleanup #651

---
 .../servers/actions/toggle-docker-cleanup.tsx | 40 +++++++++----------
 1 file changed, 19 insertions(+), 21 deletions(-)

diff --git a/apps/dokploy/components/dashboard/settings/servers/actions/toggle-docker-cleanup.tsx b/apps/dokploy/components/dashboard/settings/servers/actions/toggle-docker-cleanup.tsx
index 17edaa99..78ad1236 100644
--- a/apps/dokploy/components/dashboard/settings/servers/actions/toggle-docker-cleanup.tsx
+++ b/apps/dokploy/components/dashboard/settings/servers/actions/toggle-docker-cleanup.tsx
@@ -23,29 +23,27 @@ export const ToggleDockerCleanup = ({ serverId }: Props) => {
 	const enabled = data?.enableDockerCleanup || server?.enableDockerCleanup;
 
 	const { mutateAsync } = api.settings.updateDockerCleanup.useMutation();
+
+	const handleToggle = async (checked: boolean) => {
+		try {
+			await mutateAsync({
+				enableDockerCleanup: checked,
+				serverId: serverId,
+			});
+			if (serverId) {
+				await refetchServer();
+			} else {
+				await refetch();
+			}
+			toast.success("Docker Cleanup updated");
+		} catch (error) {
+			toast.error("Docker Cleanup Error");
+		}
+	};
+
 	return (
 		<div className="flex items-center gap-4">
-			<Switch
-				checked={enabled}
-				onCheckedChange={async (e) => {
-					await mutateAsync({
-						enableDockerCleanup: e,
-						serverId: serverId,
-					})
-						.then(async () => {
-							toast.success("Docker Cleanup Enabled");
-						})
-						.catch(() => {
-							toast.error("Docker Cleanup Error");
-						});
-
-					if (serverId) {
-						refetchServer();
-					} else {
-						refetch();
-					}
-				}}
-			/>
+			<Switch checked={!!enabled} onCheckedChange={handleToggle} />
 			<Label className="text-primary">Daily Docker Cleanup</Label>
 		</div>
 	);