diff --git a/web/avatars/edit-user-avatar.react.js b/web/avatars/edit-user-avatar.react.js
new file mode 100644
index 000000000..f8f8136e5
--- /dev/null
+++ b/web/avatars/edit-user-avatar.react.js
@@ -0,0 +1,16 @@
+// @flow
+
+import * as React from 'react';
+
+import UserAvatar from './user-avatar.react.js';
+
+type Props = {
+ +userID: ?string,
+ +disabled?: boolean,
+};
+function EditUserAvatar(props: Props): React.Node {
+ const { userID } = props;
+ return ;
+}
+
+export default EditUserAvatar;
diff --git a/web/settings/account-settings.react.js b/web/settings/account-settings.react.js
index d07b623e1..c3adf6ca6 100644
--- a/web/settings/account-settings.react.js
+++ b/web/settings/account-settings.react.js
@@ -1,113 +1,122 @@
// @flow
import * as React from 'react';
import { logOut, logOutActionTypes } from 'lib/actions/user-actions.js';
import { useModalContext } from 'lib/components/modal-provider.react.js';
import SWMansionIcon from 'lib/components/SWMansionIcon.react.js';
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 {
useDispatchActionPromise,
useServerCall,
} from 'lib/utils/action-utils.js';
import css from './account-settings.css';
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 EditUserAvatar from '../avatars/edit-user-avatar.react.js';
import UserAvatar from '../avatars/user-avatar.react.js';
import Button from '../components/button.react.js';
import { useSelector } from '../redux/redux-utils.js';
function AccountSettings(): React.Node {
const sendLogoutRequest = useServerCall(logOut);
const preRequestUserState = useSelector(preRequestUserStateSelector);
const dispatchActionPromise = useDispatchActionPromise();
const logOutUser = React.useCallback(
() =>
dispatchActionPromise(
logOutActionTypes,
sendLogoutRequest(preRequestUserState),
),
[dispatchActionPromise, preRequestUserState, sendLogoutRequest],
);
const { pushModal, popModal } = useModalContext();
const showPasswordChangeModal = React.useCallback(
() => pushModal(),
[pushModal],
);
const openFriendList = React.useCallback(
() => pushModal(),
[popModal, pushModal],
);
const openBlockList = React.useCallback(
() => pushModal(),
[popModal, pushModal],
);
const isAccountWithPassword = useSelector(state =>
accountHasPassword(state.currentUserInfo),
);
const currentUserInfo = useSelector(state => state.currentUserInfo);
const stringForUser = useStringForUser(currentUserInfo);
if (!currentUserInfo || currentUserInfo.anonymous) {
return null;
}
let changePasswordSection;
if (isAccountWithPassword) {
changePasswordSection = (
Password
******
);
}
+ const editingAvatarsOnWebEnabled = false;
+ let avatarNode;
+ if (editingAvatarsOnWebEnabled) {
+ avatarNode = ;
+ } else {
+ avatarNode = ;
+ }
+
return (
My Account
-
+ {avatarNode}
);
}
export default AccountSettings;