rede5/gohorsejobs
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

style: replace language abbreviations with flag images

Browse source
This commit is contained in:
Tiago Yamamoto 2026-02-23 20:41:22 -06:00
parent 8999b15931
commit 279c0cf067
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/src/components/language-switcher.tsx
View file

@ -42,10 +42,15 @@ export function LanguageSwitcher({ className }: LanguageSwitcherProps) {
console.log(`[LanguageSwitcher] Selecting ${l.code}`); console.log(`[LanguageSwitcher] Selecting ${l.code}`);
setLocale(l.code); setLocale(l.code);
}} }}
className="flex items-center gap-2 cursor-pointer focus:outline-none focus:bg-accent focus:text-accent-foreground" className="flex items-center gap-3 cursor-pointer focus:outline-none focus:bg-accent focus:text-accent-foreground py-2"
> >
<span className="text-lg">{l.flag}</span> <img
<span>{l.name}</span> src={`https://flagcdn.com/w20/${l.code === "en" ? "us" : l.code === "es" ? "es" : "br"}.png`}
alt={`${l.name} flag`}
width="20"
className="rounded-sm shadow-sm"
/>
<span className="font-medium">{l.name}</span>
{locale === l.code && <span className="ml-auto text-xs opacity-50">✓</span>} {locale === l.code && <span className="ml-auto text-xs opacity-50">✓</span>}
</DropdownMenuItem> </DropdownMenuItem>
))} ))}