fix: show skeleton placeholder while sites load instead of fallback letter

This commit is contained in:
Usman Baig
2026-03-18 18:19:40 +01:00
parent 879df18502
commit c021d8ccf6

View File

@@ -117,13 +117,15 @@ function SitePicker({ sites, siteId, collapsed }: { sites: Site[]; siteId: strin
className="w-5 h-5 object-contain" className="w-5 h-5 object-contain"
onError={() => setFaviconFailed(true)} onError={() => setFaviconFailed(true)}
/> />
) : ( ) : currentSite ? (
initial initial
) : (
<span className="w-4 h-4 rounded bg-brand-orange/20 animate-pulse" />
)} )}
</span> </span>
<Label collapsed={collapsed}> <Label collapsed={collapsed}>
<span className="flex items-center gap-1"> <span className="flex items-center gap-1">
<span className="truncate">{currentSite?.name || 'Select site'}</span> <span className="truncate">{currentSite?.name || <span className="w-16 h-4 rounded bg-neutral-700/20 animate-pulse inline-block" />}</span>
<ChevronUpDownIcon className="w-4 h-4 text-neutral-400 shrink-0" /> <ChevronUpDownIcon className="w-4 h-4 text-neutral-400 shrink-0" />
</span> </span>
</Label> </Label>