Branch do lucas

src/Components/TabPanels/TabPanelEditarPerfil.js

@@ -7,23 +7,9 @@ import IconButton from '@material-ui/core/IconButton';
 import PhotoCamera from '@material-ui/icons/PhotoCamera';
 import Tooltip from '@material-ui/core/Tooltip';
 import FormInput from "../FormInput.js"
+import ValidateUserInput from '../FormValidationFunction.js'
 
-function validateUserInput(type, input) {
-    let flag = false
 
-    if (type === 'nome') {
-        if(input.length < 1) {
-            flag = true
-        }
-    }
-    else if (type === 'aboutMe') {
-        if(input.length > 160) {
-            flag = true
-        }
-    }
-
-    return flag
-}
 
 export default function TabPanelEditarPerfil (props) {
     const {state, dispatch} = useContext(Store)
@@ -54,9 +40,9 @@ export default function TabPanelEditarPerfil (props) {
 
     const handleChange = (e, type) => {
         const userInput = e.target.value
-        const flag = validateUserInput(type, userInput)
+        const flag = ValidateUserInput(type, userInput)
 
-        if(type === 'nome') {
+        if(type === 'username') {
             setNome({...formNome, dict : {
                 key : flag,
                 value : userInput
@@ -134,7 +120,7 @@ export default function TabPanelEditarPerfil (props) {
                                     name={"Nome Completo"}
                                     value={formNome.dict.value}
                                     placeholder={"Nome Completo"}
-                                    handleChange={e => handleChange(e, 'nome')}
+                                    handleChange={e => handleChange(e, 'username')}
                                     required={true}
                                     error={formNome.dict.key}
                                 />