IlyaSobolev/DocSpace-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

web: People: Fixed containerWidth property and translation usage for userContent component.

Browse Source
This commit is contained in:
Ilya Oleshko 2019-09-10 15:13:01 +03:00
parent dc3ec070a7
commit 5ec4564f5e
1 changed files with 17 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
products/ASC.People/Client/src/components/pages/Home/Section/Body/userContent.js
View File

@ -37,7 +37,11 @@ const UserContent = ({ user, history, settings }) => {
const nameColor = status === 'pending' ? '#A3A9AE' : '#333333';
const sideInfoColor = status === 'pending' ? '#D0D5DA' : '#A3A9AE';
const t = useTranslation();
const { t } = useTranslation();
const headDepartmentStyle = {
width: '80px'
}
return (
<RowContent>
@ -47,12 +51,21 @@ const UserContent = ({ user, history, settings }) => {
{status === 'disabled' && <Icons.CatalogSpamIcon size='small' isfill={true} color='#3B72A7' />}
</>
{headDepartment
? <Link containerWidth='60px' type='page' title={t('CustomHeadOfDepartment', { headOfDepartment })} fontSize={12} color={sideInfoColor} onClick={onHeadDepartmentClick} >{t('CustomHeadOfDepartment', { headOfDepartment })}</Link>
: <div containerWidth='60px'></div>
? <Link
containerWidth='80px'
type='page'
title={t('CustomHeadOfDepartment', { headOfDepartment })}
fontSize={12}
color={sideInfoColor}
onClick={onHeadDepartmentClick}
>
{t('CustomHeadOfDepartment', { headOfDepartment })}
</Link>
: <div style={headDepartmentStyle}></div>
}
<Link containerWidth='160px' type='action' title={department} fontSize={12} color={sideInfoColor} onClick={onDepartmentClick} >{department}</Link>
<Link type='page' title={mobilePhone} fontSize={12} color={sideInfoColor} onClick={onPhoneClick} >{mobilePhone}</Link>
<Link containerWidth='180px' type='page' title={email} fontSize={12} color={sideInfoColor} onClick={onEmailClick} >{email}</Link>
<Link containerWidth='220px' type='page' title={email} fontSize={12} color={sideInfoColor} onClick={onEmailClick} >{email}</Link>
</RowContent>
);
};