diff options
Diffstat (limited to 'components/App.js')
| -rw-r--r-- | components/App.js | 15 |
1 files changed, 11 insertions, 4 deletions
diff --git a/components/App.js b/components/App.js index 02443f3..d79e8c6 100644 --- a/components/App.js +++ b/components/App.js @@ -3,10 +3,11 @@ import useUser from 'lib/useUser' import fetchJson from 'lib/fetchJson' import {close, toggleMin, toggleMax, move} from 'helpers/windowActions' import {Layout} from 'components' +import {faArrowUp, faExpandAlt, faTimes, faCompressAlt} from '@fortawesome/free-solid-svg-icons' +import {FontAwesomeIcon} from '@fortawesome/react-fontawesome' const App = ({children, app, apps, setApps}) => { const winRef = useRef(null); - const [errorMsg, setErrorMsg] = useState('') useEffect(() => { move(app.name, winRef, apps, setApps) @@ -25,9 +26,15 @@ const App = ({children, app, apps, setApps}) => { > <div className='window__title'>Notes</div> <div className='window__title-buttons'> - <span onClick={() => toggleMin('Notes', apps, setApps)}>_</span> - <span onClick={() => toggleMax('Notes', apps, setApps)}>+</span> - <span onClick={() => close('Notes', apps, setApps)}>x</span> + <span onClick={() => toggleMin('Notes', apps, setApps)}> + <FontAwesomeIcon icon={faArrowUp} /> + </span> + <span onClick={() => toggleMax('Notes', apps, setApps)}> + <FontAwesomeIcon icon={app.max ? faCompressAlt : faExpandAlt} /> + </span> + <span onClick={() => close('Notes', apps, setApps)}> + <FontAwesomeIcon icon={faTimes} /> + </span> </div> <div className='window__content'>{children}</div> </div> |