Page MenuHomePhabricator
Files F2903474

D9486.id31992.diff
No OneTemporary
Actions

D9486.id31992.diff
View Options

diff --git a/web/modals/chat/message-reactions-list-item.react.js b/web/modals/chat/message-reactions-list-item.react.js
--- a/web/modals/chat/message-reactions-list-item.react.js
+++ b/web/modals/chat/message-reactions-list-item.react.js
@@ -6,6 +6,7 @@
import css from './message-reactions-modal.css';
import UserAvatar from '../../avatars/user-avatar.react.js';
+import { usePushUserProfileModal } from '../user-profile/user-profile-utils.js';
type Props = {
+messageReactionUser: MessageReactionListInfo,
@@ -14,8 +15,10 @@
function MessageReactionsListItem(props: Props): React.Node {
const { messageReactionUser } = props;
+ const pushUserProfileModal = usePushUserProfileModal(messageReactionUser.id);
+
return (
- <div className={css.userRowContainer}>
+ <div className={css.userRowContainer} onClick={pushUserProfileModal}>
<div className={css.userInfoContainer}>
<UserAvatar size="S" userID={messageReactionUser.id} />
<div className={css.username}>{messageReactionUser.username}</div>
diff --git a/web/modals/chat/message-reactions-modal.css b/web/modals/chat/message-reactions-modal.css
--- a/web/modals/chat/message-reactions-modal.css
+++ b/web/modals/chat/message-reactions-modal.css
@@ -1,12 +1,11 @@
div.modalContentContainer {
- padding: 24px 32px 32px 32px;
+ padding: 16px 24px 24px 24px;
color: var(--fg);
background-color: var(--modal-bg);
flex: 1;
display: flex;
flex-direction: column;
font-size: var(--l-font-18);
- gap: 16px;
overflow-y: auto;
}
@@ -14,6 +13,13 @@
display: flex;
flex-direction: row;
justify-content: space-between;
+ padding: 8px;
+}
+
+div.userRowContainer:hover {
+ cursor: pointer;
+ background-color: var(--inline-engagement-bg-hover);
+ border-radius: 8px;
}
div.userInfoContainer {

File Metadata

Mime Type
text/plain
Expires
Sun, Oct 6, 10:33 PM (21 h, 13 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2251168
Default Alt Text
D9486.id31992.diff (1 KB)

Event Timeline