From 5cf3e94b8e2e8ae2d9e41d73b5ee93d1503d9006 Mon Sep 17 00:00:00 2001
From: Nicola Benaglia <nico.benaz@gmail.com>
Date: Thu, 29 May 2025 09:25:29 +0200
Subject: [PATCH] Adjust position of selectors

---
 src/App.tsx                                   | 25 ++++++++++++++++---
 src/components/Apps/AppsHomeDesktop.tsx       | 20 +++++++++++++--
 src/components/Desktop/DesktopLeftSideBar.tsx | 19 ++++++++++++--
 3 files changed, 57 insertions(+), 7 deletions(-)

diff --git a/src/App.tsx b/src/App.tsx
index 5138080..7ae6df1 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -307,7 +307,7 @@ function App() {
   const [sendqortState, setSendqortState] = useState<any>(null);
   const [isLoading, setIsLoading] = useState<boolean>(false);
   const [isLoadingSendCoin, setIsLoadingSendCoin] = useState<boolean>(false);
-
+  const isAuthenticated = extState === 'authenticated';
   const { t } = useTranslation([
     'auth',
     'core',
@@ -3959,8 +3959,27 @@ function App() {
         />
       )}
 
-      <LanguageSelector />
-      <ThemeSelector />
+      {!isAuthenticated && (
+        <Box
+          sx={{
+            alignItems: 'flex-start',
+            bottom: '1%',
+            display: 'flex',
+            flexDirection: 'column',
+            left: '1%',
+            position: 'absolute',
+            width: 'auto',
+          }}
+        >
+          <Box sx={{ alignSelf: 'left' }}>
+            <LanguageSelector />
+          </Box>
+
+          <Box sx={{ alignSelf: 'center' }}>
+            <ThemeSelector />
+          </Box>
+        </Box>
+      )}
     </AppContainer>
   );
 }
diff --git a/src/components/Apps/AppsHomeDesktop.tsx b/src/components/Apps/AppsHomeDesktop.tsx
index 0e37a7e..5352692 100644
--- a/src/components/Apps/AppsHomeDesktop.tsx
+++ b/src/components/Apps/AppsHomeDesktop.tsx
@@ -170,9 +170,25 @@ export const AppsHomeDesktop = ({
         />
       </AppsContainer>
 
-      <LanguageSelector />
+      <Box
+        sx={{
+          alignItems: 'flex-start',
+          bottom: '1%',
+          display: 'flex',
+          flexDirection: 'column',
+          left: '4px',
+          position: 'absolute',
+          width: 'auto',
+        }}
+      >
+        <Box sx={{ alignSelf: 'left' }}>
+          <LanguageSelector />
+        </Box>
 
-      <ThemeSelector />
+        <Box sx={{ alignSelf: 'center' }}>
+          <ThemeSelector />
+        </Box>
+      </Box>
     </>
   );
 };
diff --git a/src/components/Desktop/DesktopLeftSideBar.tsx b/src/components/Desktop/DesktopLeftSideBar.tsx
index 99e570b..0abcd69 100644
--- a/src/components/Desktop/DesktopLeftSideBar.tsx
+++ b/src/components/Desktop/DesktopLeftSideBar.tsx
@@ -151,9 +151,24 @@ export const DesktopSideBar = ({
         </ButtonBase>
       )}
 
-      <LanguageSelector />
+      <Box
+        sx={{
+          alignItems: 'flex-start',
+          bottom: '1%',
+          display: 'flex',
+          flexDirection: 'column',
+          position: 'absolute',
+          width: 'auto',
+        }}
+      >
+        <Box sx={{ alignSelf: 'left' }}>
+          <LanguageSelector />
+        </Box>
 
-      <ThemeSelector />
+        <Box sx={{ alignSelf: 'center' }}>
+          <ThemeSelector />
+        </Box>
+      </Box>
     </Box>
   );
 };