fix: improve empty state handling in font selector

This commit is contained in:
2025-11-09 14:15:27 +01:00
parent a09d2c3eef
commit 3433f79736

View File

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