diff --git a/native/profile/profile-screen.react.js b/native/profile/profile-screen.react.js
--- a/native/profile/profile-screen.react.js
+++ b/native/profile/profile-screen.react.js
@@ -8,6 +8,7 @@
import { preRequestUserStateSelector } from 'lib/selectors/account-selectors.js';
import { createLoadingStatusSelector } from 'lib/selectors/loading-selectors.js';
import { accountHasPassword } from 'lib/shared/account-utils.js';
+import { getAvatarForUser } from 'lib/shared/avatar-utils.js';
import type { LogOutResult } from 'lib/types/account-types.js';
import { type PreRequestUserState } from 'lib/types/session-types.js';
import { type CurrentUserInfo } from 'lib/types/user-types.js';
@@ -20,6 +21,7 @@
import type { ProfileNavigationProp } from './profile.react.js';
import { deleteNativeCredentialsFor } from '../account/native-credentials.js';
import Action from '../components/action-row.react.js';
+import Avatar from '../components/avatar.react.js';
import Button from '../components/button.react.js';
import EditSettingButton from '../components/edit-setting-button.react.js';
import { SingleLine } from '../components/single-line.react.js';
@@ -118,12 +120,22 @@
);
}
+ const avatarInfo = getAvatarForUser(this.props.currentUserInfo);
+
+ const avatar = (
+
+
+
+ );
+
return (
+ USER AVATAR
+ {avatar}
ACCOUNT
@@ -283,6 +295,10 @@
}
const unboundStyles = {
+ avatarSection: {
+ alignItems: 'center',
+ paddingVertical: 16,
+ },
container: {
flex: 1,
},