diff --git a/web/avatars/thread-avatar.react.js b/web/avatars/thread-avatar.react.js index 2731ee67e..61c88e84a 100644 --- a/web/avatars/thread-avatar.react.js +++ b/web/avatars/thread-avatar.react.js @@ -1,66 +1,69 @@ // @flow import * as React from 'react'; import { useAvatarForThread } from 'lib/hooks/avatar-hooks.js'; import { useResolvedAvatar } from 'lib/shared/avatar-utils.js'; import { getSingleOtherUser } from 'lib/shared/thread-utils.js'; import type { AvatarSize } from 'lib/types/avatar-types.js'; import type { ThreadInfo, RawThreadInfo, } from 'lib/types/minimally-encoded-thread-permissions-types.js'; -import { threadTypes } from 'lib/types/thread-types-enum.js'; +import { + threadTypeIsPersonal, + threadTypeIsPrivate, +} from 'lib/types/thread-types-enum.js'; import Avatar from './avatar.react.js'; import { useSelector } from '../redux/redux-utils.js'; type Props = { +threadInfo: RawThreadInfo | ThreadInfo, +size: AvatarSize, +showSpinner?: boolean, }; function ThreadAvatar(props: Props): React.Node { const { threadInfo, size, showSpinner } = props; const avatarInfo = useAvatarForThread(threadInfo); const viewerID = useSelector( state => state.currentUserInfo && state.currentUserInfo.id, ); let displayUserIDForThread; - if (threadInfo.type === threadTypes.GENESIS_PRIVATE) { + if (threadTypeIsPrivate(threadInfo.type)) { displayUserIDForThread = viewerID; - } else if (threadInfo.type === threadTypes.GENESIS_PERSONAL) { + } else if (threadTypeIsPersonal(threadInfo.type)) { displayUserIDForThread = getSingleOtherUser(threadInfo, viewerID); } const displayUser = useSelector(state => { if (!displayUserIDForThread) { return null; } const userBase = state.userStore.userInfos[displayUserIDForThread]; const farcasterID = state.auxUserStore.auxUserInfos[displayUserIDForThread]?.fid; return { ...userBase, farcasterID, }; }); const resolvedThreadAvatar = useResolvedAvatar(avatarInfo, displayUser); return ( ); } export default ThreadAvatar;