feat: put the local selector where the socket status currently is. An…

…chor socket bottom left
Chia-Network · Jan 19, 2022 · 22f542a · 22f542a
1 parent 4777e4d
commit 22f542a
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 18 deletions.
diff --git a/src/components/blocks/LeftNav.js b/src/components/blocks/LeftNav.js
@@ -7,7 +7,6 @@ import { useDispatch } from 'react-redux';
 import { toggleMode } from '../../store/actions/app';
 import { FormattedMessage } from 'react-intl';
 import { resetRefreshPrompt } from '../../store/actions/app';
-import { LocaleSwitcher } from '../../components';
 
 const Container = styled('div')`
   display: flex;
@@ -63,7 +62,8 @@ const LeftNav = withTheme(({ children }) => {
           onClick={() => {
             dispatch(resetRefreshPrompt);
             setLocation('projects');
-          }}>
+          }}
+        >
           <FormattedMessage id="projects" />
         </MenuItem>
         <MenuItem
@@ -72,20 +72,10 @@ const LeftNav = withTheme(({ children }) => {
           onClick={() => {
             dispatch(resetRefreshPrompt);
             setLocation('units');
-          }}>
+          }}
+        >
           <FormattedMessage id="units" />
         </MenuItem>
-
-        <hr style={{ borderColor: 'rgba(255,255,255,0.1)' }} />
-        <div
-          style={{
-            display: 'flex',
-            justifyContent: 'center',
-            alignItems: 'center',
-          }}>
-          <LocaleSwitcher />
-        </div>
-        <hr style={{ borderColor: 'rgba(255,255,255,0.1)' }} />
       </NavContainer>
       {children}
     </Container>

diff --git a/src/components/layout/Dashboard.js b/src/components/layout/Dashboard.js
@@ -1,7 +1,7 @@
 import React from 'react';
 //import { useSelector } from 'react-redux';
 import styled, { withTheme } from 'styled-components';
-import { LeftNav } from '..';
+import { LeftNav, LocaleSwitcher } from '..';
 
 const Container = styled('div')`
   width: 100%;
@@ -35,13 +35,26 @@ const Body = styled('div')`
   padding: 0;
 `;
 
+const StyledLocalContainer = styled('div')`
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: flex-end;
+  padding: 0rem 1.5rem 0rem 1.5rem;
+  box-sizing: border-box;
+`;
+
 const Dashboard = withTheme(({ children }) => {
   //const appStore = useSelector(state => state.app);
   return (
     <Main>
       <LeftNav />
       <Container>
-        <Headline />
+        <Headline>
+          <StyledLocalContainer>
+            <LocaleSwitcher />
+          </StyledLocalContainer>
+        </Headline>
         <Body>{children}</Body>
       </Container>
     </Main>

diff --git a/src/components/layout/SocketStatusContainer.js b/src/components/layout/SocketStatusContainer.js
@@ -10,8 +10,8 @@ const SocketStatusCard = styled('div')`
   align-items: center;
   margin: 1.25rem;
   width: 8.125rem;
-  top: 0;
-  right: 0;
+  bottom: 0;
+  left: 0;
 `;
 
 const StatusColor = styled('div')`