splash screens, export note

1 files changed, 4 insertions, 3 deletions

diff --git a/apps/Notes/components/List.js b/apps/Notes/components/List.js
index b9fde02..e4060d5 100644
--- a/apps/Notes/components/List.js
+++ b/apps/Notes/components/List.js
@@ -6,6 +6,7 @@ import useSort from '../hooks/useSort'
 import {Layout} from 'components'
 import ListItem from './ListItem'
 import Actions from './Actions'
+import Splash from './Splash'
 
 const List = () => {
   const [fetchedNote, setFetchedNote] = useState()
@@ -17,10 +18,10 @@ const List = () => {
     redirectToVerify: true,
   })
 
-  if (error) return <p>Failed to fetch notes</p>
+  if (error) return <Splash type='connection' />
 
   if (!user || !user.isLoggedIn || !user.isVerified || !notes || !sortFn) {
-    return <p>Loading...</p>
+    return <Splash />
   }
 
   return (
@@ -30,7 +31,7 @@ const List = () => {
           <>
             <div className='window__submenu'>
               <div onClick={() => setAction('addNote')}>New note</div>
-              <div onClick={() => setAction('import')}>Import</div>
+              <div onClick={() => setAction('importNote')}>Import</div>
               <div onClick={() => {}}>Export</div>
             </div>
             <table className={styles.notesList}>