diff --git a/src/components/common/GroupChatInfo.tsx b/src/components/common/GroupChatInfo.tsx index 0f36cbdd4..32bcf0f70 100644 --- a/src/components/common/GroupChatInfo.tsx +++ b/src/components/common/GroupChatInfo.tsx @@ -170,7 +170,7 @@ const GroupChatInfo: FC = ({ return ( - {mainUsername && {mainUsername}} + {mainUsername && {mainUsername}} {groupStatus} {onlineStatus && {onlineStatus}} diff --git a/src/components/common/PrivateChatInfo.tsx b/src/components/common/PrivateChatInfo.tsx index a57151c2e..7cf0ff191 100644 --- a/src/components/common/PrivateChatInfo.tsx +++ b/src/components/common/PrivateChatInfo.tsx @@ -142,10 +142,12 @@ const PrivateChatInfo: FC = ({ return ; } + const translatedStatus = getUserStatus(lang, user, userStatus); + const mainUserNameClassName = buildClassName('handle', translatedStatus && 'withStatus'); return ( - {mainUsername && {mainUsername}} - {getUserStatus(lang, user, userStatus)} + {mainUsername && {mainUsername}} + {translatedStatus && {translatedStatus}} ); } diff --git a/src/components/left/search/LeftSearch.scss b/src/components/left/search/LeftSearch.scss index c18c26106..4681a1e15 100644 --- a/src/components/left/search/LeftSearch.scss +++ b/src/components/left/search/LeftSearch.scss @@ -133,7 +133,7 @@ } } - &::after { + &.withStatus::after { content: ", "; color: var(--color-text-secondary);