fix: improve empty state handling in font selector
This commit is contained in:
@@ -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"
|
||||||
/>
|
/>
|
||||||
|
|||||||
Reference in New Issue
Block a user