updated header text on password step

1 files changed, 46 insertions, 52 deletions

diff --git a/src/screens/onboarding/BasicInfoOnboarding.tsx b/src/screens/onboarding/BasicInfoOnboarding.tsx
index 3fa33f63..1e3522bd 100644
--- a/src/screens/onboarding/BasicInfoOnboarding.tsx
+++ b/src/screens/onboarding/BasicInfoOnboarding.tsx
@@ -443,58 +443,52 @@ const BasicInfoOnboarding: React.FC<BasicInfoOnboardingProps> = ({route}) => {
                 </Animated.View>
               </>
             ) : (
-              <Animated.View
-                style={[styles.formContainer, {opacity: fadeValue}]}>
-                <TaggInput
-                  accessibilityHint="Enter a password."
-                  accessibilityLabel="Password input field."
-                  placeholder="Password"
-                  autoCompleteType="password"
-                  textContentType="oneTimeCode"
-                  returnKeyType="done"
-                  selectionColor="white"
-                  onChangeText={handlePasswordUpdate}
-                  onSubmitEditing={advanceRegistration}
-                  blurOnSubmit={false}
-                  autoFocus={true}
-                  secureTextEntry={!passVisibility}
-                  valid={valid}
-                  externalStyles={{
-                    warning: styles.passWarning,
-                  }}
-                  invalidWarning={
-                    'Password must be at least 8 characters & contain at least one of a-z, A-Z, 0-9, and a special character.'
-                  }
-                  attemptedSubmit={attemptedSubmit}
-                  style={
-                    attemptedSubmit && !valid
-                      ? [styles.input, styles.invalidColor]
-                      : styles.input
-                  }
-                />
-                <TouchableOpacity
-                  accessibilityLabel="Show password button"
-                  accessibilityHint="Select this if you want to display your tagg password"
-                  style={styles.showPassContainer}
-                  onPress={() => setPassVisibility(!passVisibility)}>
-                  <Text style={styles.showPass}>Show Password</Text>
-                </TouchableOpacity>
-                <LoadingIndicator />
-                <TermsConditions
-                  style={styles.tc}
-                  accepted={tcAccepted}
-                  onChange={setTCAccepted}
-                />
-                <Animated.View style={{opacity: fadeButtonValue}}>
-                  <TaggSquareButton
-                    onPress={advanceRegistration}
-                    title={'Next'}
-                    buttonStyle={'normal'}
-                    buttonColor={'white'}
-                    labelColor={'blue'}
-                  />
-                </Animated.View>
-              </Animated.View>
+              <><Text style={styles.formHeader}>SIGN UP</Text>
+                    <Animated.View
+                      style={[styles.formContainer, { opacity: fadeValue }]}>
+                      <TaggInput
+                        accessibilityHint="Enter a password."
+                        accessibilityLabel="Password input field."
+                        placeholder="Password"
+                        autoCompleteType="password"
+                        textContentType="oneTimeCode"
+                        returnKeyType="done"
+                        selectionColor="white"
+                        onChangeText={handlePasswordUpdate}
+                        onSubmitEditing={advanceRegistration}
+                        blurOnSubmit={false}
+                        autoFocus={true}
+                        secureTextEntry={!passVisibility}
+                        valid={valid}
+                        externalStyles={{
+                          warning: styles.passWarning,
+                        }}
+                        invalidWarning={'Password must be at least 8 characters & contain at least one of a-z, A-Z, 0-9, and a special character.'}
+                        attemptedSubmit={attemptedSubmit}
+                        style={attemptedSubmit && !valid
+                          ? [styles.input, styles.invalidColor]
+                          : styles.input} />
+                      <TouchableOpacity
+                        accessibilityLabel="Show password button"
+                        accessibilityHint="Select this if you want to display your tagg password"
+                        style={styles.showPassContainer}
+                        onPress={() => setPassVisibility(!passVisibility)}>
+                        <Text style={styles.showPass}>Show Password</Text>
+                      </TouchableOpacity>
+                      <LoadingIndicator />
+                      <TermsConditions
+                        style={styles.tc}
+                        accepted={tcAccepted}
+                        onChange={setTCAccepted} />
+                      <Animated.View style={{ opacity: fadeButtonValue }}>
+                        <TaggSquareButton
+                          onPress={advanceRegistration}
+                          title={'Next'}
+                          buttonStyle={'normal'}
+                          buttonColor={'white'}
+                          labelColor={'blue'} />
+                      </Animated.View>
+                    </Animated.View></>
             )}
           </>
         )}