Differential D7132 Diff 24140 lib/shared/avatar-utils.js

Changeset View

Standalone View

lib/shared/avatar-utils.js

// @flow		// @flow

import invariant from 'invariant';		import invariant from 'invariant';
import stringHash from 'string-hash';		import stringHash from 'string-hash';

import { selectedThreadColors } from './color-utils.js';		import { selectedThreadColors } from './color-utils.js';
import { threadOtherMembers } from './thread-utils.js';		import { threadOtherMembers } from './thread-utils.js';
		import genesis from '../facts/genesis.js';
		import { threadInfoSelector } from '../selectors/thread-selectors.js';
import type { ClientEmojiAvatar, ClientAvatar } from '../types/avatar-types.js';		import type { ClientEmojiAvatar, ClientAvatar } from '../types/avatar-types.js';
import {		import {
type RawThreadInfo,		type RawThreadInfo,
type ThreadInfo,		type ThreadInfo,
threadTypes,		threadTypes,
} from '../types/thread-types.js';		} from '../types/thread-types.js';
import type { UserInfos } from '../types/user-types.js';		import type { UserInfos } from '../types/user-types.js';
		import { useSelector } from '../utils/redux-utils.js';

const defaultAnonymousUserEmojiAvatar: ClientEmojiAvatar = {		const defaultAnonymousUserEmojiAvatar: ClientEmojiAvatar = {
color: selectedThreadColors[4],		color: selectedThreadColors[4],
emoji: '👤',		emoji: '👤',
type: 'emoji',		type: 'emoji',
};		};

const defaultEmojiAvatars: $ReadOnlyArray<ClientEmojiAvatar> = [		const defaultEmojiAvatars: $ReadOnlyArray<ClientEmojiAvatar> = [
▲ Show 20 Lines • Show All 58 Lines • ▼ Show 20 Lines	): ClientAvatar {

if (memberInfos.length === 0) {		if (memberInfos.length === 0) {
return defaultAnonymousUserEmojiAvatar;		return defaultAnonymousUserEmojiAvatar;
}		}

return getAvatarForUser(memberInfos[0]);		return getAvatarForUser(memberInfos[0]);
}		}

export { getAvatarForUser, getUserAvatarForThread };		function useGetAvatarForThread(
		thread: RawThreadInfo \| ThreadInfo,
		): ClientAvatar {
		const containingThreadID = thread?.containingThreadID;
		const containingThreadInfo = useSelector(state =>
		containingThreadID ? threadInfoSelector(state)[containingThreadID] : null,
		);

		if (thread.avatar) {
		return thread.avatar;
		}

		if (thread.containingThreadID && thread.containingThreadID !== genesis.id) {
		invariant(containingThreadInfo, 'containingThreadInfo should be set');

		return containingThreadInfo.avatar
		? containingThreadInfo.avatar
		: getDefaultAvatar(containingThreadInfo.id, containingThreadInfo.color);
		}

		return getDefaultAvatar(thread.id, thread.color);
		}

		export { getAvatarForUser, getUserAvatarForThread, useGetAvatarForThread };