1 files changed, 11 insertions, 5 deletions
diff --git a/components/Menu.jsx b/components/Menu.jsx
index f6de610..fb82f34 100644
--- a/components/Menu.jsx
+++ b/components/Menu.jsx
@@ -1,5 +1,6 @@
-import { StyleSheet, Text, View } from 'react-native';
+import { StyleSheet, Text, View, Alert } from 'react-native';
 import AsyncStorage from '@react-native-async-storage/async-storage';
+import { confirmLogout } from '../helpers'
 
 const Menu = ({ session, setSession, setEdit, showError, saveNote }) => {
   const logout = async () => {
@@ -38,12 +39,16 @@ const Menu = ({ session, setSession, setEdit, showError, saveNote }) => {
               >
                 New Note
               </Text>
-              <Text style={styles.menuText}>{session.email}</Text>
               <Text
                 style={styles.menuText}
-                onPress={logout}
               >
-                Logout
+                Sort
+              </Text>
+              <Text
+                style={styles.menuText}
+                onPress={() => confirmLogout({ logout, email: session.email })}
+              >
+                {session.email}
               </Text>
             </>
           )
@@ -54,7 +59,7 @@ const Menu = ({ session, setSession, setEdit, showError, saveNote }) => {
 
 const styles = StyleSheet.create({
   menu: {
-    backgroundColor: 'lightgrey',
+    backgroundColor: '#333',
     height: 60,
     width: '100%',
     flexDirection: 'row',
@@ -65,6 +70,7 @@ const styles = StyleSheet.create({
   menuText: {
     fontWeight: 'bold',
     paddingHorizontal: 15,
+    color: 'white',
   },
 });