- Wiring up nom and phone registration bits

- Added guided registration

app/components/Profile/EditNomDeBid.js

@@ -22,21 +22,21 @@ export default function EditNomDeBid({
     updateNomDeBid,
 }) {
     const [newNom, setNomDeBid] = useState(isGeneratedNomDeBid || !nomDeBid ? '' : nomDeBid);
-    const [isNomValid, setValidNom] = useState(false);
+    const [isNomValid, setValidNom] = useState(null);
 
-    const _handleEndEditing = (nomDeBid) => {
-        getNomAvailaibility(nomDeBid).then((result) => {
+    const _handleEndEditing = () => {
+        getNomAvailaibility(newNom).then((result) => {
             setValidNom(result.available);
 
             if (isStandalone) {
-                updateNomDeBid({ nomDeBid });
+                updateNomDeBid(newNom);
             }
         });
     };
 
     const _handleSubmitNom = () => {
         if (isNomValid) {
-            updateNomDeBid({ newNom });
+            updateNomDeBid(newNom);
         }
     };
 
@@ -48,12 +48,19 @@ export default function EditNomDeBid({
         <View style={styles.profileFormWrap}>
             <Text style={styles.hintText}>{explanationString}</Text>
             <TextInput
+                autoCapitalize="none"
                 onChangeText={(text) => setNomDeBid(text)}
-                onEndEditing={(text) => _handleEndEditing(text)}
+                onEndEditing={() => _handleEndEditing()}
                 placeholder="nom de bid"
                 style={[styles.textInput, styles.requiredInput]}
                 value={newNom}
             />
+            {isNomValid === false && (
+                <Text style={{color:'red'}}>Nom De Bid is taken!</Text>
+            )}
+            {isNomValid === true && (
+                <Text style={{color:'green'}}>Nom De Bid is available!</Text>
+            )}
             {!isStandalone && (
                 <Button
                     title={STRINGS.SUBMIT_NOM}