From 2fde0c6d8cd551ff7d491d1e29bba5714dc0a505 Mon Sep 17 00:00:00 2001
From: Proddy <paul@derbyshire.nl>
Date: Tue, 6 Sep 2022 16:43:32 +0200
Subject: [PATCH] add flag to menubar - #22

---
 interface/src/SignIn.tsx                      | 10 ++----
 .../src/components/layout/LayoutAuthMenu.tsx  | 33 +++++++++++++++----
 src/version.h                                 |  2 +-
 3 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/interface/src/SignIn.tsx b/interface/src/SignIn.tsx
index de5e9c25e..686d61aa5 100644
--- a/interface/src/SignIn.tsx
+++ b/interface/src/SignIn.tsx
@@ -103,14 +103,8 @@ const SignIn: FC = () => {
         <Box
           sx={{
             '& button, & a, & .MuiCard-root': {
-              mt: 0,
-              mx: 0.6,
-              '&:last-child': {
-                mr: 0
-              },
-              '&:first-of-type': {
-                ml: 0
-              }
+              mt: 0.5,
+              mx: 0.5
             }
           }}
         >
diff --git a/interface/src/components/layout/LayoutAuthMenu.tsx b/interface/src/components/layout/LayoutAuthMenu.tsx
index c078ae72b..88d11d48b 100644
--- a/interface/src/components/layout/LayoutAuthMenu.tsx
+++ b/interface/src/components/layout/LayoutAuthMenu.tsx
@@ -21,9 +21,12 @@ import { AuthenticatedContext } from '../../contexts/authentication';
 
 import { I18nContext } from '../../i18n/i18n-react';
 import type { Locales } from '../../i18n/i18n-types';
-import { locales } from '../..//i18n/i18n-util';
 import { loadLocaleAsync } from '../../i18n/i18n-util.async';
 
+import { ReactComponent as NLflag } from '../../i18n/NL.svg';
+import { ReactComponent as DEflag } from '../../i18n/DE.svg';
+import { ReactComponent as USflag } from '../../i18n/US.svg';
+
 const ItemTypography = styled(Typography)<TypographyProps>({
   maxWidth: '250px',
   whiteSpace: 'nowrap',
@@ -58,13 +61,29 @@ const LayoutAuthMenu: FC = () => {
 
   return (
     <>
-      <TextField name="locale" variant="outlined" value={locale} onChange={onLocaleSelected} size="small" select>
-        {locales.map((loc) => (
-          <MenuItem key={loc} value={loc}>
-            {loc}
-          </MenuItem>
-        ))}
+      <TextField
+        name="locale"
+        InputProps={{ style: { fontSize: 10 } }}
+        variant="outlined"
+        value={locale}
+        onChange={onLocaleSelected}
+        size="small"
+        select
+      >
+        <MenuItem key="en" value="en">
+          <USflag style={{ width: 16, verticalAlign: 'middle' }} />
+          &nbsp;EN
+        </MenuItem>
+        <MenuItem key="de" value="de">
+          <DEflag style={{ width: 16, verticalAlign: 'middle' }} />
+          &nbsp;DE
+        </MenuItem>
+        <MenuItem key="nl" value="nl">
+          <NLflag style={{ width: 16, verticalAlign: 'middle' }} />
+          &nbsp;NL
+        </MenuItem>
       </TextField>
+
       <IconButton
         id="open-auth-menu"
         sx={{ ml: 1, padding: 0 }}
diff --git a/src/version.h b/src/version.h
index 42749870c..f42124e29 100644
--- a/src/version.h
+++ b/src/version.h
@@ -1 +1 @@
-#define EMSESP_APP_VERSION "3.5.0b0"
+#define EMSESP_APP_VERSION "3.5.0b1"