michael/cordis
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

fix member flicker (use recoil-cached image src)

Browse Source
This commit is contained in:
Michael Peters 2022-02-12 17:55:11 -06:00
parent 80620a1b62
commit 3849d6b447
1 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
src/client/webapp/elements/lists/components/message-element.tsx
View File

@ -111,14 +111,11 @@ const MessageElement: FC<MessageElementProps> = (props: MessageElementProps) =>
[message, prevMessage], [message, prevMessage],
); );
const [avatarSrc] = useOneTimeAsyncAction( const avatarSrc = useRecoilValueSoftImgSrc(
async () => { guildResourceSoftImgSrcState({
if (message.isContinued(prevMessage)) return './img/loading.svg'; // don't load for elements that won't use it guildId: guild.id,
if (!(message.member instanceof Member)) return './img/error.png'; // TODO: Make this a nicer 'unknown' image resourceId: message.member instanceof Member ? message.member.avatarResourceId : null,
return await ElementsUtil.getImageSrcFromResourceFailSoftly(guild, message.member.avatarResourceId); }),
},
'./img/loading.svg',
[message],
); );
const dateSpacer = useMemo(() => { const dateSpacer = useMemo(() => {