From 88f4cd97f900483fe51ef355ce99916a55514d37 Mon Sep 17 00:00:00 2001
From: Ilia Mashkov <hikkikomori7@gmail.com>
Date: Fri, 6 Feb 2026 12:05:29 +0300
Subject: [PATCH] feat(SampleList): remove text loader and add a prop isLoading

---
 .../SampleList/ui/SampleList/SampleList.svelte    | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/widgets/SampleList/ui/SampleList/SampleList.svelte b/src/widgets/SampleList/ui/SampleList/SampleList.svelte
index 112f3fb..9ffad72 100644
--- a/src/widgets/SampleList/ui/SampleList/SampleList.svelte
+++ b/src/widgets/SampleList/ui/SampleList/SampleList.svelte
@@ -50,11 +50,9 @@ const displayRange = $derived.by(() => {
     const loadedCount = Math.min(offset + limit, total);
     return `Showing ${loadedCount} of ${total} fonts`;
 });
-</script>
 
-{#if unifiedFontStore.isFetching || unifiedFontStore.isLoading}
-    <span class="ml-2 text-xs text-muted-foreground/70">(Loading...)</span>
-{/if}
+const isLoading = $derived(unifiedFontStore.isFetching || unifiedFontStore.isLoading);
+</script>
 
 <FontVirtualList
     items={unifiedFontStore.fonts}
@@ -63,8 +61,15 @@ const displayRange = $derived.by(() => {
     itemHeight={280}
     useWindowScroll={true}
     weight={controlManager.weight}
+    {isLoading}
 >
-    {#snippet children({ item: font, isFullyVisible, isPartiallyVisible, proximity, index })}
+    {#snippet children({
+    item: font,
+    isFullyVisible,
+    isPartiallyVisible,
+    proximity,
+    index,
+})}
         <FontListItem {font} {isFullyVisible} {isPartiallyVisible} {proximity}>
             <FontSampler {font} bind:text {index} />
         </FontListItem>