diff --git a/tdrive/frontend/src/app/atoms/icons-agnostic/assets/account.svg b/tdrive/frontend/src/app/atoms/icons-agnostic/assets/account.svg deleted file mode 100644 index bfb51ef6..00000000 --- a/tdrive/frontend/src/app/atoms/icons-agnostic/assets/account.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - \ No newline at end of file diff --git a/tdrive/frontend/src/app/atoms/icons-agnostic/assets/envelop.svg b/tdrive/frontend/src/app/atoms/icons-agnostic/assets/envelop.svg deleted file mode 100644 index 4875726a..00000000 --- a/tdrive/frontend/src/app/atoms/icons-agnostic/assets/envelop.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - \ No newline at end of file diff --git a/tdrive/frontend/src/app/atoms/icons-agnostic/assets/logout.svg b/tdrive/frontend/src/app/atoms/icons-agnostic/assets/logout.svg deleted file mode 100644 index 8c1dd1d1..00000000 --- a/tdrive/frontend/src/app/atoms/icons-agnostic/assets/logout.svg +++ /dev/null @@ -1,14 +0,0 @@ - - - \ No newline at end of file diff --git a/tdrive/frontend/src/app/atoms/icons-agnostic/index.tsx b/tdrive/frontend/src/app/atoms/icons-agnostic/index.tsx index 1521a844..048abf6f 100644 --- a/tdrive/frontend/src/app/atoms/icons-agnostic/index.tsx +++ b/tdrive/frontend/src/app/atoms/icons-agnostic/index.tsx @@ -48,6 +48,3 @@ export const StatusCheckDoubleIcon = (props: ComponentProps<'svg'>) => ( export const StatusCheckIcon = (props: ComponentProps<'svg'>) => ; export const UsersIcon = (props: ComponentProps<'svg'>) => ; export const SortIcon = (props: ComponentProps<'svg'>) => ; -export const EnvelopIcon = (props: ComponentProps<'svg'>) => ; -export const AccountIcon = (props: ComponentProps<'svg'>) => ; -export const LogoutIcon = (props: ComponentProps<'svg'>) => ; diff --git a/tdrive/frontend/src/app/components/menus/menu.scss b/tdrive/frontend/src/app/components/menus/menu.scss index aa0be79b..4c8a4d81 100755 --- a/tdrive/frontend/src/app/components/menus/menu.scss +++ b/tdrive/frontend/src/app/components/menus/menu.scss @@ -48,9 +48,28 @@ } } + .email { + height: 46px !important; + line-height: 46px !important; + .icon { + font-size: 24px; + } + .text { + margin-left: 10px; + font-size: 13px; + cursor: text; + user-select: text !important; + -webkit-user-select: text !important; + } + } + .account-menu { height: 46px !important; line-height: 46px !important; + .icon { + font-size: 24px !important; + margin-left: 0 !important; + } .text { margin-left: 10px; } diff --git a/tdrive/frontend/src/app/views/client/common/account.tsx b/tdrive/frontend/src/app/views/client/common/account.tsx index 04a86df7..f7f7c103 100644 --- a/tdrive/frontend/src/app/views/client/common/account.tsx +++ b/tdrive/frontend/src/app/views/client/common/account.tsx @@ -9,7 +9,7 @@ import ModalManagerDepreciated from '@deprecated/popupManager/popupManager'; import FeatureTogglesService, { FeatureNames, } from '@features/global/services/feature-toggles-service'; -import { AccountIcon, EnvelopIcon, LogoutIcon } from 'app/atoms/icons-agnostic'; +import Icon from '@components/icon/icon.jsx'; export default (): JSX.Element => { const { user } = useCurrentUser(); @@ -28,17 +28,17 @@ export default (): JSX.Element => { text: currentUserService.getFullName(user), }, { - type: 'menu', + type: 'text', text: user.email, - className: 'account-menu', - icon: , + className: 'email', + icon: , hide: !FeatureTogglesService.isActiveFeatureName(FeatureNames.COMPANY_DISPLAY_EMAIL), }, { type: 'separator' }, { type: 'menu', className: 'account-menu', - icon: , + icon: , text: Languages.t('scenes.app.channelsbar.currentuser.title'), //hide: InitService.server_infos?.configuration?.accounts?.type === 'remote', onClick: () => { @@ -48,7 +48,7 @@ export default (): JSX.Element => { { type: 'menu', className: 'account-menu', - icon: , + icon: , text: Languages.t('scenes.app.channelsbar.currentuser.logout'), onClick: () => { LoginService.logout();