Page MenuHomePhabricator
Files F3522854

D7206.id24541.diff
No OneTemporary
Actions

D7206.id24541.diff
View Options

diff --git a/web/chat/chat-thread-composer.css b/web/chat/chat-thread-composer.css
--- a/web/chat/chat-thread-composer.css
+++ b/web/chat/chat-thread-composer.css
@@ -63,9 +63,16 @@
div.userName {
color: var(--fg);
+ margin-left: 8px;
}
div.userInfo {
font-style: italic;
color: var(--thread-creation-search-item-info-color);
}
+
+div.userContainer {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+}
diff --git a/web/chat/chat-thread-composer.react.js b/web/chat/chat-thread-composer.react.js
--- a/web/chat/chat-thread-composer.react.js
+++ b/web/chat/chat-thread-composer.react.js
@@ -14,6 +14,7 @@
import Button from '../components/button.react.js';
import Label from '../components/label.react.js';
import Search from '../components/search.react.js';
+import UserAvatar from '../components/user-avatar.react.js';
import type { InputState } from '../input/input-state.js';
import { updateNavInfoActionType } from '../redux/action-types.js';
import { useSelector } from '../redux/redux-utils.js';
@@ -101,7 +102,10 @@
onClick={() => onSelectUserFromSearch(userSearchResult.id)}
className={css.searchResultsButton}
>
- <div className={css.userName}>{userSearchResult.username}</div>
+ <div className={css.userContainer}>
+ <UserAvatar size="small" userID={userSearchResult.id} />
+ <div className={css.userName}>{userSearchResult.username}</div>
+ </div>
<div className={css.userInfo}>{userSearchResult.alertTitle}</div>
</Button>
</li>

File Metadata

Mime Type
text/plain
Expires
Tue, Dec 24, 7:45 AM (19 h, 54 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2699064
Default Alt Text
D7206.id24541.diff (1 KB)

Event Timeline