From 3d711a2664ae027d760b76c68cf21cd9addb95bf Mon Sep 17 00:00:00 2001
From: Diego Imbert <70353967+diegoimbert@users.noreply.github.com>
Date: Thu, 10 Jul 2025 19:43:13 +0200
Subject: [PATCH] fix broken disable /enable all (#6161)

---
 .../settings/WorkspaceOperatorSettings.svelte | 32 +++++++++----------
 1 file changed, 16 insertions(+), 16 deletions(-)

diff --git a/frontend/src/lib/components/settings/WorkspaceOperatorSettings.svelte b/frontend/src/lib/components/settings/WorkspaceOperatorSettings.svelte
index 96f441a51b..354d8856bb 100644
--- a/frontend/src/lib/components/settings/WorkspaceOperatorSettings.svelte
+++ b/frontend/src/lib/components/settings/WorkspaceOperatorSettings.svelte
@@ -74,22 +74,12 @@
 		isChanged = JSON.stringify(operatorWorkspaceSettings) !== JSON.stringify(originalSettings)
 	})
 
-	let enableAllState = $derived(
-		(() => {
-			const values = Object.values(operatorWorkspaceSettings)
-			if (values.every((v) => v === true)) return 'true'
-			if (values.every((v) => v === false)) return 'false'
-			return undefined
-		})()
+	const allDisabled = $derived(
+		Object.values(operatorWorkspaceSettings).every((value) => value === false)
+	)
+	const allEnabled = $derived(
+		Object.values(operatorWorkspaceSettings).every((value) => value === true)
 	)
-
-	function toggleAllSettings(event) {
-		const newValue = event.detail === true
-		Object.keys(operatorWorkspaceSettings).forEach((key) => {
-			operatorWorkspaceSettings[key] = newValue
-		})
-		operatorWorkspaceSettings = { ...operatorWorkspaceSettings }
-	}
 </script>
 
 <div class="mt-6">
@@ -118,7 +108,17 @@
 						<Cell head first>Section</Cell>
 						<Cell head>Description</Cell>
 						<Cell head last>
-							<ToggleButtonGroup bind:selected={enableAllState} on:selected={toggleAllSettings}>
+							<ToggleButtonGroup
+								bind:selected={
+									() => (allDisabled ? 'false' : allEnabled ? 'true' : ''),
+									(v) => {
+										Object.keys(operatorWorkspaceSettings).forEach((key) => {
+											if (v === 'true') operatorWorkspaceSettings[key] = true
+											if (v === 'false') operatorWorkspaceSettings[key] = false
+										})
+									}
+								}
+							>
 								{#snippet children({ item })}
 									<ToggleButton
 										icon={EyeIcon}