icon focus, notes update timestamp, loading note

1 files changed, 4 insertions, 13 deletions

diff --git a/apps/Notes/components/NoteEdit.js b/apps/Notes/components/NoteEdit.js
index 42eee46..4e91654 100644
--- a/apps/Notes/components/NoteEdit.js
+++ b/apps/Notes/components/NoteEdit.js
@@ -1,29 +1,21 @@
 import styles from '../Notes.module.scss'
-import React, {useState, useContext} from 'react'
+import React, {useContext} from 'react'
 import Context from 'context';
-import fetchJson from 'lib/fetchJson'
 import useNotes from '../hooks/useNotes'
 import {addNote, updateNote} from '../helpers/noteActions.js'
 
-const NoteEdit = ({action, setAction, fetchedNote}) => {
-  const [text, setText] = useState('')
+const NoteEdit = ({setAction, fetchedNote}) => {
   const {mutateNotes} = useNotes()
-  const [errorMsg, setErrorMsg] = useState('')
   const {setPopup} = useContext(Context)
 
   const handleSubmit = e => {
     e.preventDefault()
+
     fetchedNote
       ? updateNote(e, fetchedNote, mutateNotes, setAction, setPopup)
       : addNote(e, mutateNotes, setAction, setPopup)
   }
 
-  // if (!fetchedNote) return <p>Loading...</p>
-  // if (fetchedNote.error) {
-  //   setFetchedNote()
-  //   setAction('')
-  // }
-
   return (
     <div className={styles.noteEdit}>
       <h2>{fetchedNote ? 'Edit note:' : 'Add new note:'}</h2>
@@ -31,6 +23,7 @@ const NoteEdit = ({action, setAction, fetchedNote}) => {
         <input
           name='title'
           type='text'
+          maxlength={1000}
           placeholder='Title'
           defaultValue={fetchedNote ? fetchedNote.title : ''}
         />
@@ -54,8 +47,6 @@ const NoteEdit = ({action, setAction, fetchedNote}) => {
           />
         </div>
       </form>
-      <style jsx>{`
-      `}</style>
     </div>
   )
 }