diff --git a/src/entities/Font/ui/FontVirtualList/FontVirtualList.svelte b/src/entities/Font/ui/FontVirtualList/FontVirtualList.svelte index 9277a38..9e41143 100644 --- a/src/entities/Font/ui/FontVirtualList/FontVirtualList.svelte +++ b/src/entities/Font/ui/FontVirtualList/FontVirtualList.svelte @@ -18,7 +18,7 @@ import { type FontLoadRequestConfig, type UnifiedFont, appliedFontsManager, - unifiedFontStore, + fontStore, } from '../../model'; interface Props extends @@ -50,7 +50,7 @@ let { }: Props = $props(); const isLoading = $derived( - unifiedFontStore.isFetching || unifiedFontStore.isLoading, + fontStore.isFetching || fontStore.isLoading, ); function handleInternalVisibleChange(visibleItems: UnifiedFont[]) { @@ -82,12 +82,12 @@ function handleInternalVisibleChange(visibleItems: UnifiedFont[]) { */ function loadMore() { if ( - !unifiedFontStore.pagination.hasMore - || unifiedFontStore.isFetching + !fontStore.pagination.hasMore + || fontStore.isFetching ) { return; } - unifiedFontStore.nextPage(); + fontStore.nextPage(); } /** @@ -97,17 +97,17 @@ function loadMore() { * of the loaded items. Only fetches if there are more pages available. */ function handleNearBottom(_lastVisibleIndex: number) { - const { hasMore } = unifiedFontStore.pagination; + const { hasMore } = fontStore.pagination; // VirtualList already checks if we're near the bottom of loaded items - if (hasMore && !unifiedFontStore.isFetching) { + if (hasMore && !fontStore.isFetching) { loadMore(); } }
- {#if skeleton && isLoading && unifiedFontStore.fonts.length === 0} + {#if skeleton && isLoading && fontStore.fonts.length === 0}
{@render skeleton()} @@ -115,8 +115,8 @@ function handleNearBottom(_lastVisibleIndex: number) { {:else}