import React, {useEffect, useRef} from 'react' import useSettings from 'hooks/useSettings' import useMediaQuery from 'hooks/useMediaQuery' import {close, toggleMin, toggleMax, move} from 'helpers/windowActions' import {faArrowUp, faExpandAlt, faTimes, faCompressAlt} from '@fortawesome/free-solid-svg-icons' import {FontAwesomeIcon} from '@fortawesome/react-fontawesome' const App = ({children, app, setApps}) => { const {t} = useSettings() const winRef = useRef(null); const forceMax = useMediaQuery(`(max-width: ${app.width}), (max-height: ${app.height})`); useEffect(() => { move(app.name, winRef, setApps) }, []) return ( <>

{t(app.name)}

{children}
{ app.buttons.includes('min') && ( toggleMin(app.name, setApps)}> )} { app.buttons.includes('max') && !forceMax && ( toggleMax(app.name, setApps)}> )} { app.buttons.includes('close') && ( close(app.name, setApps)}> )}
) } export default App;