diff options
Diffstat (limited to 'components/Header.js')
| -rw-r--r-- | components/Header.js | 17 |
1 files changed, 11 insertions, 6 deletions
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> |