From e0d96747cca54d6504d0cd663abe7f1ca1b4776f Mon Sep 17 00:00:00 2001
From: Caroline Salib <carolinesalibc@gmail.com>
Date: Wed, 20 May 2020 08:23:39 -0600
Subject: [PATCH] Add required fields validation

#134
---
 .../containers/UserSettings/UserSettings.jsx        | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/app/javascript/containers/UserSettings/UserSettings.jsx b/app/javascript/containers/UserSettings/UserSettings.jsx
index 2909afed..e8e805bf 100644
--- a/app/javascript/containers/UserSettings/UserSettings.jsx
+++ b/app/javascript/containers/UserSettings/UserSettings.jsx
@@ -9,7 +9,6 @@ import changePictureImage from "../../images/user_settings_change_picture.svg";
 import UserSettingsApi from "../../api/userSettingsApi";
 
 // TODO: password min requirements validation
-// TODO: required fields validation
 // TODO: phone validation
 // TODO: email validation
 
@@ -53,6 +52,15 @@ const UserSettings = (props) => {
     const validateInput = (userSettings) => {
         let errors = {};
 
+        ['name', 'email', 'phone', 'password'].map((inputName) => {
+            if (userSettings[inputName].trim() === '') {
+                errors[inputName] = {
+                    message: "Este campo é obrigatório"
+                }
+            }
+        })
+
+
         if (userSettings.password !== userSettings.passwordConfirmation) {
             errors['password'] = {
                 message: null
@@ -105,18 +113,21 @@ const UserSettings = (props) => {
                             className={classes.textInput}
                             label="Nome Completo"
                             value={userSettings.name}
+                            error={formErrors['name']}
                             onChange={(event) => inputChangedHandler(event, 'name')}
                          />
                         <TextInputWithLabel
                             className={classes.textInput}
                             label="Email"
                             value={userSettings.email}
+                            error={formErrors['email']}
                             onChange={(event) => inputChangedHandler(event, 'email')}
                         />
                         <TextInputWithLabel
                             className={classes.textInput}
                             label="Telefone"
                             value={userSettings.phone}
+                            error={formErrors['phone']}
                             onChange={(event) => inputChangedHandler(event, 'phone')}
                         />
                     </div>