diff options
Diffstat (limited to 'components')
| -rw-r--r-- | components/App.js | 8 | ||||
| -rw-r--r-- | components/Header.js | 6 |
2 files changed, 8 insertions, 6 deletions
diff --git a/components/App.js b/components/App.js index f866211..a68e593 100644 --- a/components/App.js +++ b/components/App.js @@ -1,8 +1,5 @@ -import React, {useState, useEffect, useRef} from 'react' -import useUser from 'lib/useUser' -import fetchJson from 'lib/fetchJson' +import React, {useEffect, useRef} from 'react' import {close, toggleMin, toggleMax, move} from 'helpers/windowActions' -import {Layout} from 'components' import {faArrowUp, faExpandAlt, faTimes, faCompressAlt} from '@fortawesome/free-solid-svg-icons' import {FontAwesomeIcon} from '@fortawesome/react-fontawesome' @@ -22,7 +19,8 @@ const App = ({children, app, apps, setApps}) => { + (app.min ? ' hidden' : '') + (app.max ? ' maximized' : '') } - style={app.pos.length ? {top: app.pos[1], left: app.pos[0]} : {}} + style={app.pos.length ? {top: app.pos[1], left: app.pos[0]} : {}} + tabIndex={0} > <h2 className='window__title'>Notes</h2> <div className='window__title-buttons'> diff --git a/components/Header.js b/components/Header.js index 3d1f471..a208e70 100644 --- a/components/Header.js +++ b/components/Header.js @@ -31,7 +31,7 @@ const Header = ({apps, setApps}) => { style={app.min ? {fontWeight: 600} : {}} onClick={() => toggleMin(app.name, apps, setApps)} > - {app.name} + <span>{app.name}</span> </li> )) } @@ -59,6 +59,9 @@ const Header = ({apps, setApps}) => { >{user?.email}</p> { userMenu && ( + + <> + <div className={styles.headerOverlay} onClick={() => setUserMenu(false)} /> <ul className={styles.submenu}> <li> <span onClick={() => {}}> @@ -71,6 +74,7 @@ const Header = ({apps, setApps}) => { </a> </li> </ul> + </> ) } </li> |