Page MenuHomePhorge
Files F32932147

D7194.1768240177.diff
No OneTemporary
Actions

Size
1 KB
Referenced Files
None
Subscribers
None

D7194.1768240177.diff
View Options

diff --git a/web/settings/account-settings.css b/web/settings/account-settings.css
--- a/web/settings/account-settings.css
+++ b/web/settings/account-settings.css
@@ -10,6 +10,10 @@
padding-bottom: 55px;
}
+.content {
+ margin-top: 32px;
+}
+
.content ul {
list-style-type: none;
}
diff --git a/web/settings/account-settings.react.js b/web/settings/account-settings.react.js
--- a/web/settings/account-settings.react.js
+++ b/web/settings/account-settings.react.js
@@ -8,6 +8,7 @@
import { useStringForUser } from 'lib/hooks/ens-cache.js';
import { preRequestUserStateSelector } from 'lib/selectors/account-selectors.js';
import { accountHasPassword } from 'lib/shared/account-utils.js';
+import { getAvatarForUser } from 'lib/shared/avatar-utils.js';
import {
useDispatchActionPromise,
useServerCall,
@@ -17,6 +18,7 @@
import PasswordChangeModal from './password-change-modal.js';
import BlockListModal from './relationship/block-list-modal.react.js';
import FriendListModal from './relationship/friend-list-modal.react.js';
+import Avatar from '../components/avatar.react.js';
import Button from '../components/button.react.js';
import { useSelector } from '../redux/redux-utils.js';
@@ -55,6 +57,12 @@
const currentUserInfo = useSelector(state => state.currentUserInfo);
const stringForUser = useStringForUser(currentUserInfo);
+
+ const avatarInfo = React.useMemo(
+ () => getAvatarForUser(currentUserInfo),
+ [currentUserInfo],
+ );
+
if (!currentUserInfo || currentUserInfo.anonymous) {
return null;
}
@@ -77,6 +85,7 @@
return (
<div className={css.container}>
<h4 className={css.header}>My Account</h4>
+ <Avatar avatarInfo={avatarInfo} size="profile" />
<div className={css.content}>
<ul>
<li>

File Metadata

Mime Type
text/plain
Expires
Mon, Jan 12, 5:49 PM (11 h, 2 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5924189
Default Alt Text
D7194.1768240177.diff (1 KB)

Event Timeline