Page MenuHomePhorge
Files F33031100

D9477.1768403001.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D9477.1768403001.diff
View Options

diff --git a/web/settings/relationship/block-list-row.react.js b/web/settings/relationship/block-list-row.react.js
--- a/web/settings/relationship/block-list-row.react.js
+++ b/web/settings/relationship/block-list-row.react.js
@@ -10,14 +10,17 @@
import UserAvatar from '../../avatars/user-avatar.react.js';
import MenuItem from '../../components/menu-item.react.js';
import Menu from '../../components/menu.react.js';
+import { usePushUserProfileModal } from '../../modals/user-profile/user-profile-utils.js';
function BlockListRow(props: UserRowProps): React.Node {
const { userInfo, onMenuVisibilityChange } = props;
const { unblockUser } = useRelationshipCallbacks(userInfo.id);
const editIcon = <SWMansionIcon icon="edit-1" size={22} />;
+ const pushUserProfileModal = usePushUserProfileModal(userInfo.id);
+
return (
- <div className={css.container}>
+ <div className={css.container} onClick={pushUserProfileModal}>
<div className={css.userInfoContainer}>
<UserAvatar size="S" userID={userInfo.id} />
<div className={css.usernameContainer}>{userInfo.username}</div>
diff --git a/web/settings/relationship/friend-list-row.react.js b/web/settings/relationship/friend-list-row.react.js
--- a/web/settings/relationship/friend-list-row.react.js
+++ b/web/settings/relationship/friend-list-row.react.js
@@ -12,6 +12,7 @@
import Button from '../../components/button.react.js';
import MenuItem from '../../components/menu-item.react.js';
import Menu from '../../components/menu.react.js';
+import { usePushUserProfileModal } from '../../modals/user-profile/user-profile-utils.js';
const dangerButtonColor = {
color: 'var(--btn-bg-danger)',
@@ -79,8 +80,10 @@
onMenuVisibilityChange,
]);
+ const pushUserProfileModal = usePushUserProfileModal(userInfo.id);
+
return (
- <div className={css.container}>
+ <div className={css.container} onClick={pushUserProfileModal}>
<div className={css.userInfoContainer}>
<UserAvatar size="S" userID={userInfo.id} />
<div className={css.usernameContainer}>{userInfo.username}</div>
diff --git a/web/settings/relationship/user-list-row.css b/web/settings/relationship/user-list-row.css
--- a/web/settings/relationship/user-list-row.css
+++ b/web/settings/relationship/user-list-row.css
@@ -7,6 +7,12 @@
line-height: var(--line-height-display);
}
+.container:hover {
+ cursor: pointer;
+ background-color: var(--inline-engagement-bg-hover);
+ border-radius: 8px;
+}
+
.usernameContainer {
white-space: nowrap;
text-overflow: ellipsis;

File Metadata

Mime Type
text/plain
Expires
Wed, Jan 14, 3:03 PM (3 m, 7 s)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5932590
Default Alt Text
D9477.1768403001.diff (2 KB)

Event Timeline