User Settings Page: Add validation for email and full name (#1241)

frontend/components/forms/UserSettingsForm/UserSettingsForm.jsx

@@ -6,6 +6,7 @@ import Button from "components/buttons/Button";
 import Form from "components/forms/Form";
 import formFieldInterface from "interfaces/form_field";
 import InputField from "components/forms/fields/InputField";
+import validate from "components/forms/UserSettingsForm/validate";
 
 const formFields = ["email", "name", "position", "username"];
 
@@ -64,4 +65,4 @@ class UserSettingsForm extends Component {
   }
 }
 
-export default Form(UserSettingsForm, { fields: formFields });
+export default Form(UserSettingsForm, { fields: formFields, validate });

frontend/components/forms/UserSettingsForm/validate.js

@@ -0,0 +1,21 @@
+import { size } from "lodash";
+import validatePresence from "components/forms/validators/validate_presence";
+
+const validate = (formData) => {
+  const errors = {};
+  const { email, name } = formData;
+
+  if (!validatePresence(email)) {
+    errors.email = "Email field must be completed";
+  }
+
+  if (!validatePresence(name)) {
+    errors.name = "Full name field must be completed";
+  }
+
+  const valid = !size(errors);
+
+  return { valid, errors };
+};
+
+export default validate;