user-avatar.react.js
No OneTemporary
Actions

Size

844 B

Referenced Files

None

Subscribers

None

user-avatar.react.js
View Options

	// @flow

	import * as React from 'react';

	import {
	getAvatarForUser,
	useResolvedAvatar,
	} from 'lib/shared/avatar-utils.js';
	import type { AvatarSize } from 'lib/types/avatar-types.js';

	import Avatar from './avatar.react.js';
	import { useSelector } from '../redux/redux-utils.js';

	type Props = {
	+userID: ?string,
	+size: AvatarSize,
	+showSpinner?: boolean,
	};

	function UserAvatar(props: Props): React.Node {
	const { userID, size, showSpinner } = props;

	const userInfo = useSelector(state =>
	userID ? state.userStore.userInfos[userID] : null,
	);
	const avatarInfo = getAvatarForUser(userInfo);

	const resolvedUserAvatar = useResolvedAvatar(avatarInfo, userInfo);

	return (
	<Avatar
	size={size}
	avatarInfo={resolvedUserAvatar}
	showSpinner={showSpinner}
	/>
	);
	}

	export default UserAvatar;