Move status so it's in the top right regardless or desktop or mobile. F…

…ixes #102.
cybersemics · Nov 1, 2019 · 0b27d99 · 0b27d99
1 parent cb8944e
commit 0b27d99
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git a/src/components/AppComponent.js b/src/components/AppComponent.js
@@ -19,6 +19,7 @@ import { HomeLink } from './HomeLink.js'
 import { MultiGesture } from './MultiGesture.js'
 import { NavBar } from './NavBar.js'
 import { NewItem } from './NewItem.js'
+import { Status } from './Status.js'
 import { Search } from './Search.js'
 
 // constants
@@ -99,6 +100,7 @@ export const AppComponent = connect(({ dataNonce, focus, search, showContexts, u
     <HelperWelcome />
     <HelperShortcuts />
     <HelperFeedback />
+    <Status />
 
     { // render as header on desktop
     !isMobile ? <NavBar position='top' /> : null}
@@ -187,7 +189,6 @@ export const AppComponent = connect(({ dataNonce, focus, search, showContexts, u
 
     { // render as footer on mobile
     isMobile ? <NavBar position='bottom' /> : null}
-
     <Footer />
 
     {/*<HelperIcon />*/}

diff --git a/src/components/NavBar.js b/src/components/NavBar.js
@@ -6,9 +6,8 @@ import * as classNames from 'classnames'
 import { Breadcrumbs } from './Breadcrumbs.js'
 import { CancelTutorial } from './CancelTutorial.js'
 import { HomeLink } from './HomeLink.js'
-import { Status } from './Status.js'
 
-/** A navigation bar that contains a link to home, breadcrumbs, and status. */
+/** A navigation bar that contains a link to home and breadcrumbs. */
 export const NavBar = connect(({ cursor }) => ({ cursor }))(({ cursor, position }) =>
   <div className={classNames({
     nav: true,
@@ -20,7 +19,6 @@ export const NavBar = connect(({ cursor }) => ({ cursor }))(({ cursor, position
     })}>
       <HomeLink />
       <Breadcrumbs />
-      <Status />
       <CancelTutorial />
     </div>
   </div>