handle adding contact information

src/routes/app/routes/users/components/user.js

@@ -143,7 +143,7 @@ const Address = (props) => {
   )
 };
 
-const Main = ({ user, onAddressAdded, onAddressRemoved, readOnly }) => {
+const Main = ({ user, onAddressAdded, onAddressRemoved, onContactAdded, readOnly }) => {
   return (
     <div className="row">
       <div className="col-xl-12">
@@ -158,7 +158,7 @@ const Main = ({ user, onAddressAdded, onAddressRemoved, readOnly }) => {
         />
       </div>
       <div className="col-xl-6">
-        <ContactInfo user={user} readOnly={readOnly} />
+        <ContactInfo user={user} readOnly={readOnly} onContactAdded={onContactAdded} />
       </div>
     </div>
   );
@@ -685,6 +685,7 @@ const ContactInfo = (props) => {
                     title={"Member Contact"}
                     buttonValue={"Add Contact"}
                     showDescription={false}
+                    onNewContact={props.onContactAdded}
                   />
                 }
               </div>
@@ -823,6 +824,7 @@ class User extends React.Component {
     this.getUser = this.getUser.bind(this);
     this.handleAddressAdded = this.handleAddressAdded.bind(this);
     this.handleAddressRemoved = this.handleAddressRemoved.bind(this);
+    this.handleContactAdded = this.handleContactAdded.bind(this);
   }
 
   componentDidMount() {
@@ -840,6 +842,22 @@ class User extends React.Component {
       .catch(console.error);
   }
 
+  handleContactAdded(contact) {
+    const user_uuid = this.props.params.user_uuid;
+    const self = this;
+
+    var contactObj = {
+      "type": contact.type,
+      "contact": contact.contact,
+    }
+
+    Instance.getRawConn().post(`/v1/nemt/users/portal/${user_uuid}/contact`, contactObj)
+      .then(res => {
+        this.getUser(user_uuid);
+      })
+      .catch(console.error);
+  }
+
   handleAddressAdded(address) {
     const user_uuid = this.props.params.user_uuid;
     const self = this;
@@ -890,6 +908,7 @@ class User extends React.Component {
             user={user}
             onAddressAdded={this.handleAddressAdded}
             onAddressRemoved={this.handleAddressRemoved}
+            onContactAdded={this.handleContactAdded}
             readOnly={readOnly}
           />
         </QueueAnim>