splash screens, export note

1 files changed, 8 insertions, 3 deletions

diff --git a/apps/Notes/components/ListItem.js b/apps/Notes/components/ListItem.js
index 5d3b91f..47dea3b 100644
--- a/apps/Notes/components/ListItem.js
+++ b/apps/Notes/components/ListItem.js
@@ -1,10 +1,10 @@
 import styles from '../Notes.module.scss'
 import React, { useContext } from 'react'
 import fetchJson from 'lib/fetchJson'
-import {getNote, removeNote} from '../helpers/noteActions.js'
+import {getNote, exportNote, removeNote} from '../helpers/noteActions.js'
 import useNotes from '../hooks/useNotes'
 import Context from 'context';
-import { faEdit, faTrash } from '@fortawesome/free-solid-svg-icons'
+import { faEdit, faDownload, faTrash } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
 
 const datestring = date => {
@@ -34,7 +34,12 @@ const ListItem = ({note, setAction, setFetchedNote}) => {
           <FontAwesomeIcon icon={faEdit} />
         </span>
         <span
-          onClick={(e) => removeNote(e, note._id, mutateNotes, setPopup, setAction)}
+          onClick={e => {e.stopPropagation(); exportNote(note)}}
+        >
+          <FontAwesomeIcon icon={faDownload} />
+        </span>
+        <span
+          onClick={e => removeNote(e, note._id, mutateNotes, setPopup, setAction)}
         >
           <FontAwesomeIcon icon={faTrash} />
         </span>