Page MenuHomePhabricator
Files F3522737

D7207.id24609.diff
No OneTemporary
Actions

D7207.id24609.diff
View Options

diff --git a/web/modals/components/add-members-item.react.js b/web/modals/components/add-members-item.react.js
--- a/web/modals/components/add-members-item.react.js
+++ b/web/modals/components/add-members-item.react.js
@@ -6,6 +6,7 @@
import css from './add-members.css';
import Button from '../../components/button.react.js';
+import UserAvatar from '../../components/user-avatar.react.js';
type AddMembersItemProps = {
+userInfo: UserListItem,
@@ -42,7 +43,10 @@
onClick={onClickCallback}
disabled={!canBeAdded}
>
- <div className={css.label}>{userInfo.username}</div>
+ <div className={css.userInfoContainer}>
+ <UserAvatar size="small" userID={userInfo.id} />
+ <div className={css.username}>{userInfo.username}</div>
+ </div>
<div className={css.label}>{action}</div>
</Button>
);
diff --git a/web/modals/components/add-members.css b/web/modals/components/add-members.css
--- a/web/modals/components/add-members.css
+++ b/web/modals/components/add-members.css
@@ -34,3 +34,14 @@
button.addMemberItem:hover .danger {
color: var(--add-members-remove-pending-color-hover);
}
+
+div.userInfoContainer {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ padding-left: 16px;
+}
+
+div.username {
+ margin-left: 8px;
+}
diff --git a/web/modals/threads/members/member.react.js b/web/modals/threads/members/member.react.js
--- a/web/modals/threads/members/member.react.js
+++ b/web/modals/threads/members/member.react.js
@@ -30,6 +30,7 @@
import Label from '../../../components/label.react.js';
import MenuItem from '../../../components/menu-item.react.js';
import Menu from '../../../components/menu.react.js';
+import UserAvatar from '../../../components/user-avatar.react.js';
type Props = {
+memberInfo: RelativeMemberInfo,
@@ -148,7 +149,9 @@
return (
<div className={memberContainerClasses}>
<div className={css.memberInfo}>
- {userName} {label}
+ <UserAvatar size="small" userID={memberInfo.id} />
+ {userName}
+ {label}
</div>
<div className={css.memberAction}>
<Menu

File Metadata

Mime Type
text/plain
Expires
Tue, Dec 24, 7:33 AM (19 h, 45 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2698174
Default Alt Text
D7207.id24609.diff (2 KB)

Event Timeline