From c6e1baa36d09a9a93eb67a6533fbb3b13b7350e9 Mon Sep 17 00:00:00 2001
From: Ivan Chen <ivan@tagg.id>
Date: Fri, 7 May 2021 19:25:15 -0400
Subject: set auto cap

---
 src/screens/onboarding/BasicInfoOnboarding.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'src')

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"
-- 
cgit v1.2.3-70-g09d2