From 16dab011c575eaf96630cab406ec2d8086403d0b Mon Sep 17 00:00:00 2001
From: piotrruss <mail@pruss.it>
Date: Sun, 12 Sep 2021 23:11:25 +0200
Subject: added youtube & player apps

---
 components/App.js | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

(limited to 'components/App.js')

diff --git a/components/App.js b/components/App.js
index 84268cb..9faa9c9 100644
--- a/components/App.js
+++ b/components/App.js
@@ -10,9 +10,7 @@ const App = ({ children, app, setApps }) => {
   const winRef = useRef(null)
   const forceMax = useMediaQuery(`(max-width: ${app.width}), (max-height: ${app.height})`)
 
-  useEffect(() => {
-    move(app, winRef, setApps)
-  }, [app, setApps])
+  useEffect(() => { move(app, winRef, setApps) }, [])
 
   return (
     <div
@@ -38,17 +36,17 @@ const App = ({ children, app, setApps }) => {
       <div className='window__content'>{children}</div>
       <div className='window__title-buttons'>
         {app.buttons.includes('min') && (
-          <span onClick={() => toggleMin(app.name, setApps)}>
+          <span onClick={e => { e.preventDefault(); e.stopPropagation(); toggleMin(app.name, setApps) }}>
             <FontAwesomeIcon icon={faArrowUp} />
           </span>
         )}
         {app.buttons.includes('max') && !forceMax && (
-          <span onClick={() => toggleMax(app.name, setApps)}>
+          <span onClick={e => { e.preventDefault(); e.stopPropagation(); toggleMax(app.name, setApps) }}>
             <FontAwesomeIcon icon={app.max ? faCompressAlt : faExpandAlt} />
           </span>
         )}
         {app.buttons.includes('close') && (
-          <span onClick={() => close(app.name, setApps)}>
+          <span onClick={e => { e.preventDefault(); e.stopPropagation(); close(app.name, setApps) }}>
             <FontAwesomeIcon icon={faTimes} />
           </span>
         )}
-- 
cgit v1.2.3