glyphdiff.com/frontend-svelte
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(CategoryFilter): fix toggle behavior

Browse Source
This commit is contained in:
Ilia Mashkov
2026-01-02 17:19:53 +03:00
parent 4ba02b5933
commit 90899c0b3b
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/features/CategoryFilter/ui/CategoryFilter.svelte
View File

@@ -5,7 +5,7 @@ import { categoryFilterStore } from '../store/categoryFilterStore';
const { categories } = $derived($categoryFilterStore); const { categories } = $derived($categoryFilterStore);
function didCategoryToggle(categoryId: string) { function didCategoryToggle(categoryId: string) {
if (categories?.find(category => category.id === categoryId)) { if (categories?.find(category => category.id === categoryId)?.selected) {
categoryFilterStore.deselectCategory(categoryId); categoryFilterStore.deselectCategory(categoryId);
} else { } else {
categoryFilterStore.selectCategory(categoryId); categoryFilterStore.selectCategory(categoryId);

2
src/shared/ui/CheckboxFilter/CheckboxFilter.svelte
View File

@@ -129,7 +129,7 @@ const hasSelection = $derived(selectedCount > 0);
<Checkbox <Checkbox
id={category.id} id={category.id}
checked={category.selected} checked={category.selected}
onchange={() => onCategoryToggle(category.id)} onclick={() => onCategoryToggle(category.id)}
class=" class="
shrink-0 cursor-pointer transition-all duration-150 ease-out shrink-0 cursor-pointer transition-all duration-150 ease-out
data-[state=checked]:scale-100 data-[state=checked]:scale-100