thread-emoji-avatar-selection-modal.react.js
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

thread-emoji-avatar-selection-modal.react.js
View Options

	// @flow

	import invariant from 'invariant';
	import * as React from 'react';

	import { EditThreadAvatarContext } from 'lib/components/base-edit-thread-avatar-provider.react.js';
	import {
	getDefaultAvatar,
	useAvatarForThread,
	} from 'lib/shared/avatar-utils.js';
	import type {
	ClientAvatar,
	ClientEmojiAvatar,
	} from 'lib/types/avatar-types.js';
	import type {
	ThreadInfo,
	RawThreadInfo,
	} from 'lib/types/minimally-encoded-thread-permissions-types.js';

	import EmojiAvatarSelectionModal from './emoji-avatar-selection-modal.react.js';

	type Props = {
	+threadInfo: RawThreadInfo \| ThreadInfo,
	};

	function ThreadEmojiAvatarSelectionModal(props: Props): React.Node {
	const { threadInfo } = props;
	const editThreadAvatarContext = React.useContext(EditThreadAvatarContext);
	invariant(editThreadAvatarContext, 'editThreadAvatarContext should be set');

	const { baseSetThreadAvatar, threadAvatarSaveInProgress } =
	editThreadAvatarContext;

	const currentThreadAvatar: ClientAvatar = useAvatarForThread(threadInfo);
	const defaultThreadAvatar: ClientEmojiAvatar = getDefaultAvatar(
	threadInfo.id,
	threadInfo.color,
	);

	const setEmojiAvatar = React.useCallback(
	(pendingEmojiAvatar: ClientEmojiAvatar): Promise<void> =>
	baseSetThreadAvatar(threadInfo.id, pendingEmojiAvatar),
	[baseSetThreadAvatar, threadInfo.id],
	);

	return (
	<EmojiAvatarSelectionModal
	currentAvatar={currentThreadAvatar}
	defaultAvatar={defaultThreadAvatar}
	setEmojiAvatar={setEmojiAvatar}
	avatarSaveInProgress={threadAvatarSaveInProgress}
	/>
	);
	}

	export default ThreadEmojiAvatarSelectionModal;