From 7f7487836c5eacc0646194027ad593b9abb5250f Mon Sep 17 00:00:00 2001
From: Loewy <loewy@chainstarters.com>
Date: Mon, 29 Jan 2024 14:50:31 -0800
Subject: [PATCH] add some comments and add text to log output

---
 screens/login.tsx | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/screens/login.tsx b/screens/login.tsx
index 53db839..9821095 100644
--- a/screens/login.tsx
+++ b/screens/login.tsx
@@ -2,6 +2,10 @@ import React, { useState, useEffect } from 'react';
 import { Alert, Button, View, Text, TextInput, TouchableWithoutFeedback, Keyboard } from "react-native";
 import auth, { FirebaseAuthTypes } from '@react-native-firebase/auth';
 
+// This code is beginning of Auth Implementation - actual implementation will differ and involve more UI
+// Does not have a restart or proper handling of code confirmation, should only be used for obtaining token/testing
+// Currently working for Android builds, iOS has open issue #56
+ 
 export default function Login() {
   const [phoneNumber, setPhoneNumber] = useState<string>('');
   const [code, setCode] = useState<string>('');
@@ -9,14 +13,14 @@ export default function Login() {
   const [user, setUser] = useState(null);
   const [confirm, setConfirm] = useState<FirebaseAuthTypes.ConfirmationResult | null>(null);
 
-  async function onAuthStateChanged(user) {
+  async function onAuthStateChanged(user: any) {
     setUser(user);
     if (user) {
       // eslint-disable-next-line no-unused-vars, @typescript-eslint/no-unused-vars
       const token = await auth().currentUser?.getIdToken();
       // To debug/check token & user return, use these logs
-      console.log(token) // token log
-      console.log(user) // user log
+      // console.log(token) // token log
+      // console.log(user) // user log
     }
   }
 
@@ -79,7 +83,10 @@ export default function Login() {
           onPress={() => !confirm ? signInWithPhoneNumber(phoneNumber) : confirmCode()}
         />
         {user && (
-          <Text>{user?.user_id}</Text>
+          <>
+            <Text style={{ marginTop: 10 }}>Display name: {user?.displayName}</Text>
+            <Text>Phone number: {user?.phoneNumber}</Text>
+          </>
         )}
       </View>
     </TouchableWithoutFeedback>