[FIX] RoomInfoView displaying different info depending on the origin (#3586)

Co-authored-by: GleidsonDaniel <gleidson10daniel@hotmail.com>

app/views/RoomInfoView/index.js

@@ -178,6 +178,14 @@ class RoomInfoView extends React.Component {
 		}
 	};
 
+	parseRoles = roleArray =>
+		Promise.all(
+			roleArray.map(async role => {
+				const description = await this.getRoleDescription(role);
+				return description;
+			})
+		);
+
 	loadUser = async () => {
 		const { room, roomUser } = this.state;
 
@@ -189,12 +197,7 @@ class RoomInfoView extends React.Component {
 					const { user } = result;
 					const { roles } = user;
 					if (roles && roles.length) {
-						user.parsedRoles = await Promise.all(
+						user.parsedRoles = await this.parseRoles(roles);
-							roles.map(async role => {
-								const description = await this.getRoleDescription(role);
-								return description;
-							})
-						);
 					}
 
 					this.setState({ roomUser: user });
@@ -202,6 +205,18 @@ class RoomInfoView extends React.Component {
 			} catch {
 				// do nothing
 			}
+		} else {
+			try {
+				const { roles } = roomUser;
+				if (roles && roles.length) {
+					const parsedRoles = await this.parseRoles(roles);
+					this.setState({ roomUser: { ...roomUser, parsedRoles } });
+				} else {
+					this.setState({ roomUser });
+				}
+			} catch (e) {
+				// do nothing
+			}
 		}
 	};