From dd625cad2a3bc0ed93bdaaddb4be79c7118c7800 Mon Sep 17 00:00:00 2001
From: GabrielTrettel <gabrielmtrettel@gmail.com>
Date: Sun, 5 Dec 2021 19:17:07 -0300
Subject: [PATCH] Adding phone number mask in login screen

---
 src/app/screens/LoginScreen.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/screens/LoginScreen.js b/src/app/screens/LoginScreen.js
index 7f9c644..1a2ee82 100644
--- a/src/app/screens/LoginScreen.js
+++ b/src/app/screens/LoginScreen.js
@@ -19,6 +19,7 @@ import { TouchableNativeFeedback } from "react-native-gesture-handler";
 import { login, userPersonalData } from "../api/auth";
 import PasswordFormField from "../components/forms/PasswordFormField";
 import ConfirmationModal from "../components/ConfirmationModal";
+import PhoneNumberFormField from "../components/forms/PhoneNumberFormField";
 
 const phoneRegex = RegExp(
   /^\(?[\(]?([0-9]{2})?\)?[)\b]?([0-9]{4,5})[-. ]?([0-9]{4})$/
@@ -137,10 +138,9 @@ export default function LoginScreen(props) {
           </View>
 
           <View style={{ paddingBottom: 24 }}>
-            <FormField
-              maxLength={12}
+            <PhoneNumberFormField
               name="name"
-              keyboardType="numeric"
+              maxLength={11}
               placeholder="(DD) XXXXX-XXXX"
             />
           </View>