From a9d3686ccc496044cfdee013ccfbece955793052 Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Sat, 21 Aug 2021 00:24:01 +0200
Subject: icon focus, notes update timestamp, loading note

---
 components/App.js    | 8 +++-----
 components/Header.js | 6 +++++-
 2 files changed, 8 insertions(+), 6 deletions(-)

(limited to 'components')

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>
-- 
cgit v1.2.3