[Quick Update] Ignores trailing spaces for certain fields during onboarding (#103)

* endpoint

* Update Login.tsx

4 files changed, 7 insertions, 1 deletions

diff --git a/src/screens/onboarding/Login.tsx b/src/screens/onboarding/Login.tsx
index 3fe857cd..1e2510fb 100644
--- a/src/screens/onboarding/Login.tsx
+++ b/src/screens/onboarding/Login.tsx
@@ -57,6 +57,7 @@ const Login: React.FC<LoginProps> = ({navigation}: LoginProps) => {
    * Updates the state of username. Also verifies the input of the username field by ensuring proper length and appropriate characters.
    */
   const handleUsernameUpdate = (val: string) => {
+    val = val.trim();
     let validLength: boolean = val.length >= 6;
     let validChars: boolean = usernameRegex.test(val);
 
diff --git a/src/screens/onboarding/ProfileOnboarding.tsx b/src/screens/onboarding/ProfileOnboarding.tsx
index 0d379a1a..3979de38 100644
--- a/src/screens/onboarding/ProfileOnboarding.tsx
+++ b/src/screens/onboarding/ProfileOnboarding.tsx
@@ -184,6 +184,7 @@ const ProfileOnboarding: React.FC<ProfileOnboardingProps> = ({
    * Handles changes to the website field value and verifies the input by updating state and running a validation function.
    */
   const handleWebsiteUpdate = (website: string) => {
+    website = website.trim();
     let isValidWebsite: boolean = websiteRegex.test(website);
     setForm({
       ...form,
diff --git a/src/screens/onboarding/RegistrationOne.tsx b/src/screens/onboarding/RegistrationOne.tsx
index a0bab797..277b3510 100644
--- a/src/screens/onboarding/RegistrationOne.tsx
+++ b/src/screens/onboarding/RegistrationOne.tsx
@@ -59,6 +59,7 @@ const RegistrationOne: React.FC<RegistrationOneProps> = ({navigation}) => {
    * Handles changes to the email field value and verifies the input by updating state and running a validation function.
    */
   const handlePhoneUpdate = (phone_number: string) => {
+    phone_number = phone_number.trim();
     let isValidPhone: boolean = phoneRegex.test(phone_number);
     setForm({
       ...form,
diff --git a/src/screens/onboarding/RegistrationTwo.tsx b/src/screens/onboarding/RegistrationTwo.tsx
index c0fde48d..3249a281 100644
--- a/src/screens/onboarding/RegistrationTwo.tsx
+++ b/src/screens/onboarding/RegistrationTwo.tsx
@@ -71,7 +71,7 @@ const RegistrationTwo: React.FC<RegistrationTwoProps> = ({
   // registration form state
   const [form, setForm] = useState({
     fname: '',
-    lname: '',    
+    lname: '',
     email: '',
     isValidFname: false,
     isValidLname: false,
@@ -84,6 +84,7 @@ const RegistrationTwo: React.FC<RegistrationTwoProps> = ({
    * Handles changes to the first name field value and verifies the input by updating state and running a validation function.
    */
   const handleFnameUpdate = (fname: string) => {
+    fname = fname.trim();
     let isValidFname: boolean = nameRegex.test(fname);
     setForm({
       ...form,
@@ -96,6 +97,7 @@ const RegistrationTwo: React.FC<RegistrationTwoProps> = ({
    * Handles changes to the last name field value and verifies the input by updating state and running a validation function.
    */
   const handleLnameUpdate = (lname: string) => {
+    lname = lname.trim();
     let isValidLname: boolean = nameRegex.test(lname);
     setForm({
       ...form,
@@ -108,6 +110,7 @@ const RegistrationTwo: React.FC<RegistrationTwoProps> = ({
    * Handles changes to the email field value and verifies the input by updating state and running a validation function.
    */
   const handleEmailUpdate = (email: string) => {
+    email = email.trim();
     let isValidEmail: boolean = emailRegex.test(email);
     setForm({
       ...form,