set auto cap

1 files changed, 8 insertions, 7 deletions

diff --git a/src/screens/onboarding/BasicInfoOnboarding.tsx b/src/screens/onboarding/BasicInfoOnboarding.tsx
index 2152ffb9..25a48985 100644
--- a/src/screens/onboarding/BasicInfoOnboarding.tsx
+++ b/src/screens/onboarding/BasicInfoOnboarding.tsx
@@ -63,7 +63,9 @@ const BasicInfoOnboarding: React.FC<BasicInfoOnboardingProps> = ({route}) => {
   const [currentStep, setCurrentStep] = useState(0);
   const [tcAccepted, setTCAccepted] = useState(false);
   const [passVisibility, setPassVisibility] = useState(false);
-  const [autoCapitalize, setAutoCap] = useState('None');
+  const [autoCapitalize, setAutoCap] = useState<
+    'none' | 'sentences' | 'words' | 'characters' | undefined
+  >('none');
   const [fadeValue, setFadeValue] = useState<Animated.Value<number>>(
     new Animated.Value(0),
   );
@@ -174,7 +176,7 @@ const BasicInfoOnboarding: React.FC<BasicInfoOnboardingProps> = ({route}) => {
           username: name,
         });
         setValid(usernameRegex.test(name));
-        setAutoCap('None');
+        setAutoCap('none');
         break;
     }
   };
@@ -184,7 +186,7 @@ const BasicInfoOnboarding: React.FC<BasicInfoOnboardingProps> = ({route}) => {
       ...form,
       phone,
     });
-    setAutoCap('None');
+    setAutoCap('none');
     setValid(phoneRegex.test(phone));
   };
   const handleEmailUpdate = (email: string) => {
@@ -193,7 +195,7 @@ const BasicInfoOnboarding: React.FC<BasicInfoOnboardingProps> = ({route}) => {
       ...form,
       email,
     });
-    setAutoCap('None');
+    setAutoCap('none');
     setValid(emailRegex.test(email));
   };
   const handlePasswordUpdate = (password: string) => {
@@ -201,7 +203,7 @@ const BasicInfoOnboarding: React.FC<BasicInfoOnboardingProps> = ({route}) => {
       ...form,
       password,
     });
-    setAutoCap('None');
+    setAutoCap('none');
     setValid(passwordRegex.test(password));
   };
   const formSteps: {
@@ -369,7 +371,6 @@ const BasicInfoOnboarding: React.FC<BasicInfoOnboardingProps> = ({route}) => {
                 autoCompleteType="tel"
                 selectionColor="white"
                 textContentType="telephoneNumber"
-                autoCapitalize="none"
                 externalStyles={{
                   warning: styles.passWarning,
                 }}
@@ -407,7 +408,7 @@ const BasicInfoOnboarding: React.FC<BasicInfoOnboardingProps> = ({route}) => {
                     accessibilityLabel={`${step.placeholder} input field.`}
                     placeholder={step.placeholder}
                     autoCompleteType="name"
-                    autoCapitalize="words"
+                    autoCapitalize={autoCapitalize}
                     textContentType="name"
                     returnKeyType="done"
                     selectionColor="white"