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, },