Page MenuHomePhabricator
Files F3531899

D8267.id27914.diff
No OneTemporary
Actions

D8267.id27914.diff
View Options

diff --git a/web/avatars/emoji-avatar-selection-modal.react.js b/web/avatars/emoji-avatar-selection-modal.react.js
--- a/web/avatars/emoji-avatar-selection-modal.react.js
+++ b/web/avatars/emoji-avatar-selection-modal.react.js
@@ -16,6 +16,7 @@
import Avatar from './avatar.react.js';
import css from './emoji-avatar-selection-modal.css';
import Modal from '../modals/modal.react.js';
+import ColorSelector from '../modals/threads/color-selector.react.js';
import { useSelector } from '../redux/redux-utils.js';
function EmojiAvatarSelectionModal(): React.Node {
@@ -34,7 +35,6 @@
: defaultUserAvatar.emoji,
);
- // eslint-disable-next-line no-unused-vars
const [pendingAvatarColor, setPendingAvatarColor] = React.useState(
currentUserAvatar.type === 'emoji'
? currentUserAvatar.color
@@ -53,13 +53,17 @@
return (
<Modal
name="Emoji avatar selection"
- size="large"
+ size="small"
onClose={modalContext.popModal}
>
<div className={css.modalBody}>
<div className={css.avatarContainer}>
<Avatar avatarInfo={pendingEmojiAvatar} size="profile" />
</div>
+ <ColorSelector
+ currentColor={pendingAvatarColor}
+ onColorSelection={setPendingAvatarColor}
+ />
</div>
</Modal>
);

File Metadata

Mime Type
text/plain
Expires
Thu, Dec 26, 8:15 AM (12 h, 1 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
2704591
Default Alt Text
D8267.id27914.diff (1 KB)

Event Timeline