icon focus, notes update timestamp, loading note

1 files changed, 12 insertions, 22 deletions

diff --git a/apps/Notes/components/ListItem.js b/apps/Notes/components/ListItem.js
index caa22e9..0e34ffc 100644
--- a/apps/Notes/components/ListItem.js
+++ b/apps/Notes/components/ListItem.js
@@ -12,47 +12,37 @@ const datestring = date => {
     d.getFullYear() + " " + ("0" + d.getHours()).slice(-2) + ":" + ("0" + d.getMinutes()).slice(-2)
 };
 
-const ListItem = ({note, setAction, setFetchedNote}) => {
+const ListItem = ({note, setAction, setFetchedNote, setLoading}) => {
   const {mutateNotes} = useNotes()
   const {setPopup} = useContext(Context)
 
   const handleNoteAction = async (a, note, e) => {
     if (e) e.stopPropagation()
+    setLoading(true)
     await getNote(note, setFetchedNote, setPopup, () => setAction(a))
   }
 
   return (
-    <tr className={styles.listItem} key={note._id}>
+    <tr
+      className={styles.listItem}
+      key={note._id}
+      onClick={() => handleNoteAction('showNote', note)}
+    >
       <td
-        onClick={() => handleNoteAction('showNote', note)}
       >
         <span>{`${note.title}`}</span>
-        <span
-        onClick={e => handleNoteAction('editNote', note, e)}
-        >
+        <span onClick={e => handleNoteAction('editNote', note, e)}>
           <FontAwesomeIcon icon={faEdit} />
         </span>
-        <span
-          onClick={e => {e.stopPropagation(); exportNote(note)}}
-        >
+        <span onClick={e => {e.stopPropagation(); exportNote(note)}}>
           <FontAwesomeIcon icon={faDownload} />
         </span>
-        <span
-          onClick={e => removeNote(e, note._id, mutateNotes, setPopup, setAction)}
-        >
+        <span onClick={e => removeNote(e, note._id, mutateNotes, setPopup, setAction)}>
           <FontAwesomeIcon icon={faTrash} />
         </span>
       </td>
-      <td
-        onClick={() => handleNoteAction('showNote', note)}
-      >
-        {datestring(note.created_at)}
-      </td>
-      <td
-        onClick={() => handleNoteAction('showNote', note)}
-      >
-        {datestring(note.updated_at)}
-      </td>
+      <td>{datestring(note.created_at)}</td>
+      <td>{datestring(note.updated_at)}</td>
     </tr>
   )
 }