From 3433f79736caf9e88975a897e186e1e37f8ca9c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Sun, 9 Nov 2025 14:15:27 +0100
Subject: [PATCH] fix: improve empty state handling in font selector

---
 components/converter/FontSelector.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/converter/FontSelector.tsx b/components/converter/FontSelector.tsx
index 859fdf9..c9b04c6 100644
--- a/components/converter/FontSelector.tsx
+++ b/components/converter/FontSelector.tsx
@@ -189,7 +189,7 @@ export function FontSelector({
         <div className="max-h-[400px] overflow-y-auto space-y-1 pr-2">
           {filteredFonts.length === 0 ? (
             <EmptyState
-              icon={filter === 'favorites' ? Heart : filter === 'recent' ? Clock : Search}
+              icon={filter === 'favorites' ? Heart : (filter === 'recent' ? Clock : Search)}
               title={
                 filter === 'favorites'
                   ? 'No favorite fonts yet'
@@ -203,8 +203,8 @@ export function FontSelector({
                   : filter === 'recent'
                   ? 'Fonts you use will appear here'
                   : searchQuery
-                  ? `Try a different search term`
-                  : undefined
+                  ? 'Try a different search term'
+                  : 'Loading fonts...'
               }
               className="py-8"
             />