added loader

1 files changed, 3 insertions, 5 deletions

diff --git a/components/Edit.jsx b/components/Edit.jsx
index b15b7fc..7d7f57f 100644
--- a/components/Edit.jsx
+++ b/components/Edit.jsx
@@ -1,7 +1,8 @@
-import { StyleSheet, Text, TextInput , View } from 'react-native'
+import { StyleSheet, TextInput , View } from 'react-native'
 import { useState, useEffect } from 'react'
 import { handleGetNote, handleCreateNote, handleEditNote } from '../utils/helpers'
 import Menu from './Menu'
+import Loader from './Loader'
 
 const Edit = ({ edit: note, setEdit, session, setSession, showError }) => {
   const [saving, setSaving] = useState()
@@ -39,7 +40,7 @@ const Edit = ({ edit: note, setEdit, session, setSession, showError }) => {
         />
         {
           content === undefined || saving
-            ? <Text style={styles.text}>{saving ? 'Saving...' : 'Loading content...'}</Text>
+            ? <Loader style={{paddingTop: 10}} text={saving ? 'Saving...' : 'Loading content...'} />
             : (
               <TextInput
                 placeholder="Content"
@@ -76,9 +77,6 @@ const styles = StyleSheet.create({
     flexGrow: 1,
     paddingVertical: 10,
   },
-  text: {
-    color: 'white',
-  }
 });
 
 export default Edit