diff --git a/src/features/CategoryFilter/ui/CategoryFilter.svelte b/src/features/CategoryFilter/ui/CategoryFilter.svelte index 2edd948..066caae 100644 --- a/src/features/CategoryFilter/ui/CategoryFilter.svelte +++ b/src/features/CategoryFilter/ui/CategoryFilter.svelte @@ -5,7 +5,7 @@ import { categoryFilterStore } from '../store/categoryFilterStore'; const { categories } = $derived($categoryFilterStore); function didCategoryToggle(categoryId: string) { - if (categories?.find(category => category.id === categoryId)) { + if (categories?.find(category => category.id === categoryId)?.selected) { categoryFilterStore.deselectCategory(categoryId); } else { categoryFilterStore.selectCategory(categoryId); diff --git a/src/shared/ui/CheckboxFilter/CheckboxFilter.svelte b/src/shared/ui/CheckboxFilter/CheckboxFilter.svelte index a910019..99cfb6c 100644 --- a/src/shared/ui/CheckboxFilter/CheckboxFilter.svelte +++ b/src/shared/ui/CheckboxFilter/CheckboxFilter.svelte @@ -129,7 +129,7 @@ const hasSelection = $derived(selectedCount > 0); onCategoryToggle(category.id)} + onclick={() => onCategoryToggle(category.id)} class=" shrink-0 cursor-pointer transition-all duration-150 ease-out data-[state=checked]:scale-100