From 865c9cc345aa105714dfe3ccf1d1c0a9a6a75f7f Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Sun, 19 Sep 2021 12:47:21 +0200
Subject: youtube & player apps fixes

---
 components/Header.js | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

(limited to 'components/Header.js')

diff --git a/components/Header.js b/components/Header.js
index 87c31e8..5e4ff12 100644
--- a/components/Header.js
+++ b/components/Header.js
@@ -8,7 +8,7 @@ import { focus, toggleMin, open, close } from 'helpers/windowActions'
 import appList from 'configs/appList'
 import useSettings from 'hooks/useSettings'
 import useApps from 'hooks/useApps'
-import { faTimes } from '@fortawesome/free-solid-svg-icons'
+import { faArrowUp, faTimes } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const Header = () => {
@@ -30,7 +30,7 @@ const Header = () => {
 
   const handleClick = (app, setApps) => {
     if (app.min) {
-      toggleMin(app.name, setApps)
+      toggleMin(app.name, apps, setApps)
     }
     focus(app.name, setApps)
   }
@@ -54,13 +54,18 @@ const Header = () => {
                     onClick={() => handleClick(app, setApps)}
                   >
                     <span
+                      className={
+                        apps.findIndex(a => a && a.name === app.name) === apps.length - 1 ? 'active' : ''
+                      }
                       style={{
-                        ...apps.findIndex(a => a && a.name === app.name) === apps.length - 1 ? { fontWeight: 600 } : {},
                         ...app.min ? { color: '#888' } : {}
                       }}
                     >
-                      {t(app.name)}
-                      <span className='mobile-only' onClick={() => close(app.name, setApps)}>
+                      <span>{t(app.name)}</span>
+                      <span className='mobile-only' onClick={e => { e.stopPropagation(); toggleMin(app.name, apps, setApps) }}>
+                        <FontAwesomeIcon icon={faArrowUp} />
+                      </span>
+                      <span className='mobile-only' onClick={e => { e.stopPropagation(); close(app.name, setApps) }}>
                         <FontAwesomeIcon icon={faTimes} />
                       </span>
                     </span>
@@ -69,7 +74,7 @@ const Header = () => {
               })
             }
             <li className='mobile-only'>
-              <span onClick={() => setShowApps(false)} className='window__button'>{t('close')}</span>
+              <div onClick={() => setShowApps(false)} className='window__button'>{t('close')}</div>
             </li>
           </ul>
         </div>
-- 
cgit v1.2.3