diff --git a/src/widgets/FiltersSidebar/ui/Filters.svelte b/src/features/GetFonts/ui/Filters/Filters.svelte similarity index 69% rename from src/widgets/FiltersSidebar/ui/Filters.svelte rename to src/features/GetFonts/ui/Filters/Filters.svelte index f2da53e..0f7c27a 100644 --- a/src/widgets/FiltersSidebar/ui/Filters.svelte +++ b/src/features/GetFonts/ui/Filters/Filters.svelte @@ -9,13 +9,12 @@ * - Font subset: Character subsets available (Latin, Latin Extended, etc.) * - Font category: Serif, Sans-serif, Display, etc. * - * Uses $derived for reactive access to filter states, ensuring UI updates - * when selections change through any means (sidebar, programmatically, etc.). + * This component handles reactive sync between filterManager selections + * and the unifiedFontStore using an $effect block to ensure filters are + * automatically synchronized whenever selections change. */ -import { filterManager } from '$features/FilterFonts'; import { CheckboxFilter } from '$shared/ui'; - -$inspect(filterManager.groups).with(console.trace); +import { filterManager } from '../../model'; {#each filterManager.groups as group (group.id)} diff --git a/src/widgets/FiltersSidebar/ui/Controls.svelte b/src/features/GetFonts/ui/FiltersControl/FilterControls.svelte similarity index 58% rename from src/widgets/FiltersSidebar/ui/Controls.svelte rename to src/features/GetFonts/ui/FiltersControl/FilterControls.svelte index e3357c9..31ee53f 100644 --- a/src/widgets/FiltersSidebar/ui/Controls.svelte +++ b/src/features/GetFonts/ui/FiltersControl/FilterControls.svelte @@ -1,17 +1,14 @@
@@ -22,7 +19,4 @@ import { Button } from '$shared/shadcn/ui/button'; > Reset -
diff --git a/src/widgets/FiltersSidebar/ui/FiltersSidebar.svelte b/src/widgets/FiltersSidebar/ui/FiltersSidebar.svelte index b9f2f38..6ac8070 100644 --- a/src/widgets/FiltersSidebar/ui/FiltersSidebar.svelte +++ b/src/widgets/FiltersSidebar/ui/FiltersSidebar.svelte @@ -1,4 +1,12 @@ - - + + + - - - + + + + +