added youtube & player apps

1 files changed, 4 insertions, 6 deletions

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>
         )}