diff --git a/web/avatars/edit-user-avatar.css b/web/avatars/edit-user-avatar.css
--- a/web/avatars/edit-user-avatar.css
+++ b/web/avatars/edit-user-avatar.css
@@ -6,7 +6,3 @@
justify-content: center;
align-items: center;
}
-
-.editAvatarLoadingSpinner {
- position: absolute;
-}
diff --git a/web/avatars/edit-user-avatar.react.js b/web/avatars/edit-user-avatar.react.js
--- a/web/avatars/edit-user-avatar.react.js
+++ b/web/avatars/edit-user-avatar.react.js
@@ -8,9 +8,6 @@
import EditUserAvatarMenu from './edit-user-avatar-menu.react.js';
import css from './edit-user-avatar.css';
import UserAvatar from './user-avatar.react.js';
-import LoadingIndicator from '../loading-indicator.react.js';
-
-const loadingSpinner = ;
type Props = {
+userID: ?string,
@@ -26,10 +23,11 @@
return (
-
- {userAvatarSaveInProgress ? loadingSpinner : undefined}
-
-
+
{!userAvatarSaveInProgress ?
: undefined}
);
diff --git a/web/avatars/user-avatar.react.js b/web/avatars/user-avatar.react.js
--- a/web/avatars/user-avatar.react.js
+++ b/web/avatars/user-avatar.react.js
@@ -13,10 +13,11 @@
type Props = {
+userID: ?string,
+size: 'micro' | 'small' | 'large' | 'profile',
+ +showSpinner?: boolean,
};
function UserAvatar(props: Props): React.Node {
- const { userID, size } = props;
+ const { userID, size, showSpinner } = props;
const userInfo = useSelector(state =>
userID ? state.userStore.userInfos[userID] : null,
@@ -25,7 +26,13 @@
const resolvedUserAvatar = useENSResolvedAvatar(avatarInfo, userInfo);
- return ;
+ return (
+
+ );
}
export default UserAvatar;