arnaudne/Epicure
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

fix: replace emoji flags with SVG dropdown, complete Home's third row

Browse Source 
Language switcher was two inline emoji-flag buttons -- emoji flag
rendering is inconsistent across OS/browsers (some render as two-letter
country codes instead of a flag). Replaced with hand-rolled inline SVG
flags (no new dependency for two locales) inside a proper dropdown
menu, trigger showing the current language's flag.

Also added a 9th Home highlight (personalized recommendations, same
copy already written for the Features page) so the lg:grid-cols-3
feature grid's last row has 3 items instead of 2.

v0.48.2
This commit is contained in:
Arnaud
2026-07-18 11:04:37 +02:00
parent 8dccd8898b
commit 9ea1f90ec4
9 changed files with 74 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/components/marketing/flag-icons.tsx
+24
View File
@@ -0,0 +1,24 @@
// Minimal inline SVG flags — no emoji (inconsistent rendering across
// OS/browsers) and no new dependency for just two supported locales.
export function FlagGB({ className }: { className?: string }) {
return (
<svg viewBox="0 0 20 14" className={className} aria-hidden="true">
<rect width="20" height="14" fill="#00247d" />
<path d="M0 0 20 14M20 0 0 14" stroke="#fff" strokeWidth="2.4" />
<path d="M0 0 20 14M20 0 0 14" stroke="#cf142b" strokeWidth="1.2" />
<path d="M10 0V14M0 7H20" stroke="#fff" strokeWidth="4" />
<path d="M10 0V14M0 7H20" stroke="#cf142b" strokeWidth="2.4" />
</svg>
);
}
export function FlagFR({ className }: { className?: string }) {
return (
<svg viewBox="0 0 20 14" className={className} aria-hidden="true">
<rect width="20" height="14" fill="#fff" />
<rect width="6.67" height="14" fill="#0055a4" />
<rect x="13.33" width="6.67" height="14" fill="#ef4135" />
</svg>
);
}