Activate PT and EU languages. Add CA and EU Flags.

frontend/src/components/BottomBar.js

@@ -14,6 +14,9 @@ import SmartToyIcon from '@mui/icons-material/SmartToy';
 import PercentIcon from '@mui/icons-material/Percent';
 import PriceChangeIcon from '@mui/icons-material/PriceChange';
 
+// Missing flags
+import { CataloniaFlag, BasqueCountryFlag} from "./Icons";
+
 import {
     CommunityDialog,
     ExchangeSummaryDialog,
@@ -312,8 +315,10 @@ bottomBarDesktop =()=>{
                     <MenuItem value={'fr'}><div style={{width:24,position:"relative",top:3}}><Flags.FR {...flagProps}/></div>FR</MenuItem>
                     <MenuItem value={'ru'}><div style={{width:24,position:"relative",top:3}}><Flags.RU {...flagProps}/></div>RU</MenuItem>
                     <MenuItem value={'it'}><div style={{width:24,position:"relative",top:3}}><Flags.IT {...flagProps}/></div>IT</MenuItem>
+                    <MenuItem value={'pt'}><div style={{width:24,position:"relative",top:3}}><Flags.BR {...flagProps}/></div>PT</MenuItem>
                     <MenuItem disabled={true} value={'zh'}><div style={{width:24,position:"relative",top:3}}><Flags.CN {...flagProps}/></div>ZH</MenuItem>
-                    <MenuItem value={'ca'}>CAT</MenuItem>
+                    <MenuItem value={'ca'}><div style={{width:24,position:"relative",top:3}}><CataloniaFlag {...flagProps}/></div>CA</MenuItem>
+                    <MenuItem value={'eu'}><div style={{width:24,position:"relative",top:3}}><BasqueCountryFlag {...flagProps}/></div>EU</MenuItem>
                 </Select>
         )
     }

frontend/src/components/Icons/BasqueCountryFlag.tsx

@@ -0,0 +1,12 @@
+import React, { Component } from "react";
+import { SvgIcon } from "@mui/material"
+
+export default function BasqueCountryFlag(props) {
+    return (
+      <SvgIcon {...props} x="0px" y="0px" viewBox="0 0 50 28">
+        <path d="M0,0 v28 h50 v-28 z" fill="#D52B1E"/>
+        <path d="M0,0 L50,28 M50,0 L0,28" stroke="#009B48" stroke-width="4.3"/>
+        <path d="M25,0 v28 M0,14 h50" stroke="#fff" stroke-width="4.3"/>
+      </SvgIcon>
+    );
+  }

frontend/src/components/Icons/CataloniaFlag.tsx

@@ -0,0 +1,11 @@
+import React, { Component } from "react";
+import { SvgIcon } from "@mui/material"
+
+export default function CataloniaFlag(props) {
+    return (
+        <SvgIcon {...props} x="0px" y="0px" viewBox="0 0 810 540">
+            <rect width="810" height="540" fill="#FCDD09"/>
+            <path stroke="#DA121A" stroke-width="60" d="M0,90H810m0,120H0m0,120H810m0,120H0"/>
+        </SvgIcon>
+    );
+  }

frontend/src/components/Icons/index.ts

@@ -14,3 +14,6 @@ export { default as SellSatsIcon } from "./SellSats";
 export { default as SendReceiveIcon } from "./SendReceive";
 export { default as ExportIcon } from "./Export";
 
+// Some Flags missing on react-flags
+export { default as BasqueCountryFlag } from "./BasqueCountryFlag";
+export { default as CataloniaFlag } from "./CataloniaFlag";

frontend/src/components/i18n.js

@@ -12,6 +12,8 @@ import translationPL from "../locales/pl.json";
 import translationFR from "../locales/fr.json";
 import translationCA from "../locales/ca.json";
 import translationIT from "../locales/it.json";
+import translationPT from "../locales/pt.json";
+import translationEU from "../locales/eu.json";
 
 i18n
   .use(HttpApi)
@@ -28,6 +30,8 @@ i18n
     fr: {translations: translationFR},
     ca: {translations: translationCA},
     it: {translations: translationIT},
+    pt: {translations: translationPT},
+    eu: {translations: translationEU},
   },
   
   fallbackLng: "en",