EPMRPP-98469 || Code review fixes - 2

reportportal · Jan 16, 2025 · c5d5eb1 · c5d5eb1
1 parent 5de8feb
commit c5d5eb1
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 23 deletions.
diff --git a/app/src/pages/common/membersPage/userNameCell/userNameCell.jsx b/app/src/pages/common/membersPage/userNameCell/userNameCell.jsx
@@ -32,30 +32,31 @@ export const UserNameCell = ({ user, badges }) => {
     <div className={cx('user-name-cell')}>
       <UserAvatar className={cx('user-avatar')} userId={user.id} thumbnail />
       <div className={cx('name-badge-wrapper')}>
-        {' '}
         <div className={cx('full-name')}>{user.fullName}</div>
-        <div className={cx('badges')}>
-          {badges.map(({ title, type }) => {
-            const badgeContent = (
-              <div key={`${user.id}-${type}`} className={cx('badge', type)}>
-                {formatMessage(title)}
-              </div>
-            );
+        {badges.length > 0 && (
+          <div className={cx('badges')}>
+            {badges.map(({ title, type }) => {
+              const badgeContent = (
+                <div key={`${user.id}-${type}`} className={cx('badge', type)}>
+                  {formatMessage(title)}
+                </div>
+              );
 
-            return type === ADMIN_TYPE ? (
-              <Tooltip
-                key={`${user.id}-${type}-tooltip`}
-                content={formatMessage(messages.adminAccessInfo)}
-                placement="top"
-                width={248}
-              >
-                {badgeContent}
-              </Tooltip>
-            ) : (
-              badgeContent
-            );
-          })}
-        </div>
+              return type === ADMIN_TYPE ? (
+                <Tooltip
+                  key={`${user.id}-${type}-tooltip`}
+                  content={formatMessage(messages.adminAccessInfo)}
+                  placement="top"
+                  width={248}
+                >
+                  {badgeContent}
+                </Tooltip>
+              ) : (
+                badgeContent
+              );
+            })}
+          </div>
+        )}
       </div>
     </div>
   );

diff --git a/app/src/pages/common/membersPage/userNameCell/userNameCell.scss b/app/src/pages/common/membersPage/userNameCell/userNameCell.scss
@@ -39,7 +39,6 @@
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
-    min-width: 0;
   }
 
   .badges {