From 40257afeed5a99802dcd8ac2a26189a6de9c43f3 Mon Sep 17 00:00:00 2001
From: hurxxxx <hurxxxx@gmail.com>
Date: Sun, 9 Mar 2025 00:12:37 +0900
Subject: [PATCH] fix: Using disabled attribute for elements is common

---
 src/lib/components/common/Checkbox.svelte                 | 8 ++++----
 .../components/workspace/Models/FiltersSelector.svelte    | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/common/Checkbox.svelte b/src/lib/components/common/Checkbox.svelte
index 2d52cd6e0..9d5f8b54e 100644
--- a/src/lib/components/common/Checkbox.svelte
+++ b/src/lib/components/common/Checkbox.svelte
@@ -4,7 +4,7 @@
 
 	export let state = 'unchecked';
 	export let indeterminate = false;
-	export let enabled = true;
+	export let disabled = false;
 
 	let _state = 'unchecked';
 
@@ -15,9 +15,9 @@
 	class=" outline -outline-offset-1 outline-[1.5px] outline-gray-200 dark:outline-gray-600 {state !==
 	'unchecked'
 		? 'bg-black outline-black '
-		: 'hover:outline-gray-500 hover:bg-gray-50 dark:hover:bg-gray-800'} text-white transition-all rounded-sm inline-block w-3.5 h-3.5 relative {!enabled ? 'opacity-50 cursor-not-allowed' : ''}"
+		: 'hover:outline-gray-500 hover:bg-gray-50 dark:hover:bg-gray-800'} text-white transition-all rounded-sm inline-block w-3.5 h-3.5 relative {disabled ? 'opacity-50 cursor-not-allowed' : ''}"
 	on:click={() => {
-		if (!enabled) return;
+		if (disabled) return;
 		
 		if (_state === 'unchecked') {
 			_state = 'checked';
@@ -33,7 +33,7 @@
 		}
 	}}
 	type="button"
-	disabled={!enabled}
+	{disabled}
 >
 	<div class="top-0 left-0 absolute w-full flex justify-center">
 		{#if _state === 'checked'}
diff --git a/src/lib/components/workspace/Models/FiltersSelector.svelte b/src/lib/components/workspace/Models/FiltersSelector.svelte
index b494ec19c..30a4c88fd 100644
--- a/src/lib/components/workspace/Models/FiltersSelector.svelte
+++ b/src/lib/components/workspace/Models/FiltersSelector.svelte
@@ -40,7 +40,7 @@
 						<div class="self-center flex items-center">
 							<Checkbox
 								state={_filters[filter].is_global ? 'checked' : (_filters[filter].selected ? 'checked' : 'unchecked')}
-								enabled={!_filters[filter].is_global}
+								disabled={_filters[filter].is_global}
 								on:change={(e) => {
 									if (!_filters[filter].is_global) {
 										_filters[filter].selected = e.detail === 'checked';