web: People: Added displayName and fixed getUserStatus

products/ASC.People/Client/src/components/pages/Home/Section/Body/index.js

@@ -26,17 +26,25 @@ const getUserEmail = user => {
 };
 
 const getUserRole = user => {
-  if (user.isOwner) return "owner";
+  if (user.isOwner) 
-  else if (user.isAdmin) return "admin";
+    return "owner";
-  else if (user.isVisitor) return "guest";
+  else if (user.isAdmin) 
-  else return "user";
+    return "admin";
+  else if (user.isVisitor) 
+    return "guest";
+  else 
+    return "user";
 };
 
 const getUserStatus = user => {
-  if (user.state === 1 && user.activationStatus === 1) return "normal";
+  if (user.status === 1 && user.activationStatus === 1) 
-  else if (user.state === 1 && user.activationStatus === 2) return "pending";
+    return "normal";
-  else if (user.state === 2) return "disabled";
+  else if (user.status === 1 && user.activationStatus === 2) 
-  else return "normal";
+    return "pending";
+  else if (user.status === 2) 
+    return "disabled";
+  else 
+    return "normal";
 };
 
 const getUserContextOptions = user => {
@@ -170,6 +178,7 @@ class SectionBodyContent extends React.Component {
             >
               <UserContent
                 userName={item.user.userName}
+                displayName={item.user.displayName}
                 department={item.department}
                 phone={item.phone}
                 email={item.email}

products/ASC.People/Client/src/components/pages/Home/Section/Body/userContent.js

@@ -6,6 +6,7 @@ var config = require('../../../../../../package.json');
 
 const UserContent = ({
     userName,
+    displayName,
     department,
     phone,
     email,
@@ -21,8 +22,8 @@ const UserContent = ({
                 status === "pending" ? { color: "#A3A9AE" } : { color: "#333333" }
               }
               type="action"
-              title={userName}
+              title={displayName}
-              text={userName}
+              text={displayName}
               isBold={true}
               fontSize={15}
               onClick={() => {