From 2c1423fbb2fa221fd0e95405a84b51a7899a2342 Mon Sep 17 00:00:00 2001
From: Micah Lindley <hi@micahlindley.com>
Date: Wed, 4 Sep 2024 11:32:41 -0500
Subject: [PATCH] Fix login process issues

---
 src/screens/LoginScreen.jsx | 37 ++++++++++++++++++++++---------------
 1 file changed, 22 insertions(+), 15 deletions(-)

diff --git a/src/screens/LoginScreen.jsx b/src/screens/LoginScreen.jsx
index 9b57afd..be24015 100644
--- a/src/screens/LoginScreen.jsx
+++ b/src/screens/LoginScreen.jsx
@@ -73,7 +73,9 @@ function LoginScreen({}) {
           num ? 'AndroidPhoneNumberHint provided' : 'user provided'
         } number`,
       );
-      const res = await API.loginViaSMS(num != undefined ? num : phoneNumber);
+      const res = await API.loginViaSMS(
+        num != undefined && num.length == 10 ? num : phoneNumber,
+      );
       if (res) {
         if (res.error_code) {
           crashlytics().log(`Error sending SMS code: ${res.error_code}`);
@@ -344,20 +346,23 @@ function LoginScreen({}) {
                   Enter the code that you recieved at{' '}
                   {phoneNumber || 'your phone number.'}
                 </Text>
-                <TextInput
-                  mode="outlined"
-                  placeholder="— — — — — —"
-                  style={{
-                    marginBottom: 10,
-                    textAlign: 'center',
-                  }}
-                  autoFocus={true}
-                  value={smsCode}
-                  textContentType="oneTimeCode"
-                  maxLength={6}
-                  autoComplete="one-time-code"
-                  onChangeText={setSmsCode}
-                />
+                <View>
+                  <TextInput
+                    mode="outlined"
+                    placeholder="— — — — — —"
+                    style={{
+                      marginBottom: 10,
+                      textAlign: 'center',
+                      width: '100%',
+                    }}
+                    autoFocus={true}
+                    value={smsCode}
+                    textContentType="oneTimeCode"
+                    maxLength={6}
+                    autoComplete="one-time-code"
+                    onChangeText={setSmsCode}
+                  />
+                </View>
                 <View
                   style={{
                     display: 'flex',
@@ -369,6 +374,7 @@ function LoginScreen({}) {
                     loading={loading}
                     onPress={() => {
                       if (phoneNumber?.length == 10) {
+                        setSmsCode('');
                         sendSMS();
                       } else {
                         setPhase('sendSMS');
@@ -394,6 +400,7 @@ function LoginScreen({}) {
                   style={{
                     marginBottom: 10,
                     textAlign: 'center',
+                    height: 20,
                   }}
                   value={myAge}
                   keyboardType="number-pad"