Recent Chats: Fix broken UI for users with no first name
This commit is contained in:
parent
a41304f43d
commit
2aa94c88dc
@ -34,6 +34,8 @@ type DispatchProps = Pick<GlobalActions, (
|
|||||||
)>;
|
)>;
|
||||||
|
|
||||||
const SEARCH_CLOSE_TIMEOUT_MS = 250;
|
const SEARCH_CLOSE_TIMEOUT_MS = 250;
|
||||||
|
const NBSP = '\u00A0';
|
||||||
|
|
||||||
const runThrottled = throttle((cb) => cb(), 60000, true);
|
const runThrottled = throttle((cb) => cb(), 60000, true);
|
||||||
|
|
||||||
const RecentContacts: FC<OwnProps & StateProps & DispatchProps> = ({
|
const RecentContacts: FC<OwnProps & StateProps & DispatchProps> = ({
|
||||||
@ -77,7 +79,7 @@ const RecentContacts: FC<OwnProps & StateProps & DispatchProps> = ({
|
|||||||
{topUserIds.map((userId) => (
|
{topUserIds.map((userId) => (
|
||||||
<div className="top-peer-item" onClick={() => handleClick(userId)}>
|
<div className="top-peer-item" onClick={() => handleClick(userId)}>
|
||||||
<Avatar user={usersById[userId]} />
|
<Avatar user={usersById[userId]} />
|
||||||
<div className="top-peer-name">{renderText(getUserFirstName(usersById[userId])!)}</div>
|
<div className="top-peer-name">{renderText(getUserFirstName(usersById[userId]) || NBSP)}</div>
|
||||||
</div>
|
</div>
|
||||||
))}
|
))}
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user