Added updating of display name to profile. Added employees table.

client/src/components/profile-my/profile-my.component.jsx

@@ -0,0 +1,67 @@
+import React from "react";
+import { useTranslation } from "react-i18next";
+import { connect } from "react-redux";
+import { createStructuredSelector } from "reselect";
+import { selectCurrentUser } from "../../redux/user/user.selectors";
+import AlertComponent from "../alert/alert.component";
+import { Form, Input, notification, Button } from "antd";
+import { updateUserDetails } from "../../redux/user/user.actions";
+
+const mapStateToProps = createStructuredSelector({
+  currentUser: selectCurrentUser
+});
+const mapDispatchToProps = dispatch => ({
+  updateUserDetails: userDetails => dispatch(updateUserDetails(userDetails))
+});
+export default connect(
+  mapStateToProps,
+  mapDispatchToProps
+)(
+  Form.create({ name: "ProfileMyComponentForm" })(function ProfileMyComponent({
+    currentUser,
+    form,
+    updateUserDetails
+  }) {
+    const { isFieldsTouched, resetFields, getFieldDecorator } = form;
+    const { t } = useTranslation();
+
+    const handleSubmit = e => {
+      e.preventDefault();
+
+      form.validateFieldsAndScroll((err, values) => {
+        if (err) {
+          notification["error"]({
+            message: t("jobs.errors.validationtitle"),
+            description: t("jobs.errors.validation")
+          });
+        }
+        if (!err) {
+          console.log("values", values);
+          updateUserDetails({ displayName: values.displayname });
+        }
+      });
+    };
+
+    return (
+      <div>
+        <AlertComponent message={"hi"} />
+        <Form onSubmit={handleSubmit} autoComplete={"no"}>
+          <Form.Item label={t("user.fields.displayname")}>
+            {getFieldDecorator("displayname", {
+              initialValue: currentUser.displayName,
+              rules: [{ required: true }]
+            })(<Input name="displayname" />)}
+          </Form.Item>
+          <Button
+            type="primary"
+            key="submit"
+            htmlType="submit"
+            onClick={handleSubmit}
+          >
+            Save
+          </Button>
+        </Form>
+      </div>
+    );
+  })
+);