···1515 if (props.langCode === "tok")
1616 return (
1717 <div className="w-8 h-6 rounded bg-[#c8e1ed] flex justify-center items-center">
1818- <img src="/tokiPona.svg" className="w-7 h-5" />
1818+ <img src="/flags/tokiPona.svg" className="w-7 h-5" />
1919 </div>
2020 );
21212222 if (props.langCode === "pirate")
2323 return (
2424 <div className="w-8 h-6 rounded bg-[#2E3439] flex justify-center items-center">
2525- <img src="/skull.svg" className="w-4 h-4" />
2525+ <img src="/flags/skull.svg" className="w-4 h-4" />
2626 </div>
2727 );
2828···3434 <div className="absolute top-0 left-0 w-1 h-1 bg-white rounded-full transform -translate-x-1/3 -translate-y-1/3" />
3535 </div>
3636 </div>
3737+ </div>
3838+ );
3939+4040+ // Galicia - Not a country (Is a region of Spain) so have to add the flag manually
4141+ if (props.langCode === "gl-ES")
4242+ return (
4343+ <div className="w-8 h-6 rounded bg-[#2E3439] flex justify-center items-center">
4444+ <img src="/flags/galicia.svg" className="rounded" />
3745 </div>
3846 );
3947
+1-2
src/utils/language.ts
···88// This mapping purely exists to prioritize a country over another in languages.
99// iso639_1 -> iso3166 Alpha-2
1010const countryPriority: Record<string, string> = {
1111- en: "gb",
1111+ en: "us",
1212 nl: "nl",
1313 fr: "fr",
1414 de: "de",
···1818 zh: "cn",
1919 ko: "kr",
2020 ta: "lk",
2121- gl: "es",
2221};
23222423// list of iso639_1 Alpha-2 codes used as default languages