Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-25 06:54:43 +01:00
Code Issues Projects Releases Packages Wiki Activity

Don't do anything to "missing" avatars

Browse source
This commit is contained in:
Lim Chee Aun 2023-03-21 15:52:26 +08:00
parent ed1d475a12
commit e1a0c4d2db
1 changed files with 7 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/avatar.jsx
View file

@ -16,6 +16,7 @@ const alphaCache = {};
function Avatar({ url, size, alt = '', ...props }) { function Avatar({ url, size, alt = '', ...props }) {
size = SIZES[size] || size || SIZES.m; size = SIZES[size] || size || SIZES.m;
const avatarRef = useRef(); const avatarRef = useRef();
const isMissing = /missing\.png$/.test(url);
return ( return (
<span <span
ref={avatarRef} ref={avatarRef}
@ -34,7 +35,11 @@ function Avatar({ url, size, alt = '', ...props }) {
height={size} height={size}
alt={alt} alt={alt}
loading="lazy" loading="lazy"
crossOrigin={alphaCache[url] === undefined ? 'anonymous' : undefined} crossOrigin={
alphaCache[url] === undefined && !isMissing
? 'anonymous'
: undefined
}
onError={(e) => { onError={(e) => {
if (e.target.crossOrigin) { if (e.target.crossOrigin) {
e.target.crossOrigin = null; e.target.crossOrigin = null;
@ -44,6 +49,7 @@ function Avatar({ url, size, alt = '', ...props }) {
onLoad={(e) => { onLoad={(e) => {
if (avatarRef.current) avatarRef.current.dataset.loaded = true; if (avatarRef.current) avatarRef.current.dataset.loaded = true;
if (alphaCache[url] !== undefined) return; if (alphaCache[url] !== undefined) return;
if (isMissing) return;
try { try {
// Check if image has alpha channel // Check if image has alpha channel
const canvas = document.createElement('canvas'); const canvas = document.createElement('canvas');