copy to clipboard, icons, notes key

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>