EPMRPP-98422 || There is not tooltip for the Admin label on the Organ…

…ization Users page (#4146)
reportportal · Jan 9, 2025 · 3ee3cf8 · 3ee3cf8
1 parent 714e367
commit 3ee3cf8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 5 deletions.
diff --git a/...anization/organizationUsersPage/organizationUsersListTable/organizationUsersListTable.jsx b/...anization/organizationUsersPage/organizationUsersListTable/organizationUsersListTable.jsx
@@ -20,7 +20,7 @@ import { FormattedMessage, useIntl } from 'react-intl';
 import { useMemo } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
 import { AbsRelTime } from 'components/main/absRelTime';
-import { MeatballMenuIcon, Popover } from '@reportportal/ui-kit';
+import { MeatballMenuIcon, Popover, Tooltip } from '@reportportal/ui-kit';
 import { urlOrganizationAndProjectSelector } from 'controllers/pages';
 import { SORTING_ASC, withSortingURL } from 'controllers/sorting';
 import { DEFAULT_SORT_COLUMN } from 'controllers/members/constants';
@@ -79,9 +79,17 @@ const OrgTeamListTableWrapped = ({
                 <div className={cx('member-name-column')}>
                   <div className={cx('full-name')}>{fullName}</div>
                   {instanceRole === ADMINISTRATOR && (
-                    <div className={cx('admin-badge')}>
-                      <FormattedMessage id={'UserBlock.adminBadge'} defaultMessage={'admin'} />
-                    </div>
+                    <Tooltip
+                      key={`${id}-tooltip`}
+                      content={formatMessage(messages.adminAccessInfo)}
+                      placement="top"
+                      width={248}
+                      wrapperClassName={cx('tooltip')}
+                    >
+                      <div className={cx('admin-badge')}>
+                        <FormattedMessage id={'UserBlock.adminBadge'} defaultMessage={'admin'} />
+                      </div>
+                    </Tooltip>
                   )}
                 </div>
               ),

diff --git a/...nization/organizationUsersPage/organizationUsersListTable/organizationUsersListTable.scss b/...nization/organizationUsersPage/organizationUsersListTable/organizationUsersListTable.scss
@@ -45,7 +45,10 @@
   font-family: $FONT-ROBOTO-BOLD;
   font-size: 11px;
   line-height: 16px;
-  margin-right: 16px;
+}
+
+.tooltip {
+  width: fit-content;
 }
 
 .member-name-column {