chore: rename FetchFonts to GetFonts
This commit is contained in:
38
src/features/GetFonts/ui/FontSearch/FontSearch.svelte
Normal file
38
src/features/GetFonts/ui/FontSearch/FontSearch.svelte
Normal file
@@ -0,0 +1,38 @@
|
||||
<script lang="ts">
|
||||
import {
|
||||
FontList,
|
||||
fontshareStore,
|
||||
} from '$entities/Font';
|
||||
import { SearchBar } from '$shared/ui';
|
||||
import { onMount } from 'svelte';
|
||||
import { mapManagerToParams } from '../../lib';
|
||||
import { filterManager } from '../../model';
|
||||
|
||||
/**
|
||||
* FontSearch
|
||||
*
|
||||
* Font search component with search input and font list display.
|
||||
* Uses unifiedFontStore for all font operations and search state.
|
||||
*/
|
||||
onMount(() => {
|
||||
/**
|
||||
* The Pairing:
|
||||
* We "plug" this manager into the global store.
|
||||
* addBinding returns a function that removes this binding when the component unmounts.
|
||||
*/
|
||||
const unbind = fontshareStore.addBinding(() => mapManagerToParams(filterManager));
|
||||
|
||||
return unbind;
|
||||
});
|
||||
|
||||
$inspect(filterManager.queryValue, filterManager.debouncedQueryValue);
|
||||
</script>
|
||||
|
||||
<SearchBar
|
||||
id="font-search"
|
||||
class="w-full"
|
||||
placeholder="Search fonts by name..."
|
||||
bind:value={filterManager.queryValue}
|
||||
>
|
||||
<FontList />
|
||||
</SearchBar>
|
||||
9
src/features/GetFonts/ui/index.ts
Normal file
9
src/features/GetFonts/ui/index.ts
Normal file
@@ -0,0 +1,9 @@
|
||||
import Filters from './Filters/Filters.svelte';
|
||||
import FilterControls from './FiltersControl/FilterControls.svelte';
|
||||
import FontSearch from './FontSearch/FontSearch.svelte';
|
||||
|
||||
export {
|
||||
FilterControls,
|
||||
Filters,
|
||||
FontSearch,
|
||||
};
|
||||
Reference in New Issue
Block a user