diff --git a/src/components/Header/UserToggle.tsx b/src/components/Header/UserToggle.tsx index b04a655c0..6848b60a0 100644 --- a/src/components/Header/UserToggle.tsx +++ b/src/components/Header/UserToggle.tsx @@ -1,22 +1,23 @@ +import './UserToggle.scss'; + +import { Dropdown, DropdownItem, DropdownList } from '@patternfly/react-core/dist/dynamic/components/Dropdown'; +import { ITLess, ITLessCognito, getEnv, isProd as isProdEnv } from '../../utils/common'; import React, { useRef, useState } from 'react'; + +import ChromeLink from '../ChromeLink/ChromeLink'; import { Divider } from '@patternfly/react-core/dist/dynamic/components/Divider'; -import { Dropdown, DropdownItem, DropdownList } from '@patternfly/react-core/dist/dynamic/components/Dropdown'; +import { EllipsisVIcon } from '@patternfly/react-icons/dist/dynamic/icons/ellipsis-v-icon'; import { MenuToggle } from '@patternfly/react-core/dist/dynamic/components/MenuToggle'; -import { Tooltip } from '@patternfly/react-core/dist/dynamic/components/Tooltip'; import QuestionCircleIcon from '@patternfly/react-icons/dist/dynamic/icons/question-circle-icon'; -import UserIcon from './UserIcon'; -import { useSelector } from 'react-redux'; -import { ITLess, ITLessCognito, getEnv, isProd as isProdEnv } from '../../utils/common'; -import ChromeLink from '../ChromeLink/ChromeLink'; -import { useIntl } from 'react-intl'; -import messages from '../../locales/Messages'; import { ReduxState } from '../../redux/store'; -import { logout } from '../../jwt/jwt'; -import { cogLogout } from '../../cognito/auth'; -import { EllipsisVIcon } from '@patternfly/react-icons/dist/dynamic/icons/ellipsis-v-icon'; +import { Tooltip } from '@patternfly/react-core/dist/dynamic/components/Tooltip'; +import UserIcon from './UserIcon'; import classNames from 'classnames'; - -import './UserToggle.scss'; +import { cogLogout } from '../../cognito/auth'; +import { logout } from '../../jwt/jwt'; +import messages from '../../locales/Messages'; +import { useIntl } from 'react-intl'; +import { useSelector } from 'react-redux'; const buildItems = (username = '', isOrgAdmin?: boolean, accountNumber?: string, isInternal?: boolean, extraItems: React.ReactNode[] = []) => { const env = getEnv(); @@ -92,9 +93,14 @@ const buildItems = (username = '', isOrgAdmin?: boolean, accountNumber?: string, , {isInternal && isProd && ( - - {intl.formatMessage(messages.internal)} - + ( + + {intl.formatMessage(messages.internal)} + + )} + /> )} , (ITLessCognito() ? cogLogout() : logout(true))}>