duckietm/Nitro-V3
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-V3.git synced 2026-06-20 15:36:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

🆙 Small test 1

Browse Source
This commit is contained in:
duckietm
2026-04-01 11:48:43 +02:00
parent 49e1ac6307
commit bfb56f0a4e
2 changed files with 15 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/common/layout/LayoutAvatarImageView.tsx
+10 -13
View File
@@ -21,11 +21,15 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
const [ isReady, setIsReady ] = useState<boolean>(false); const [ isReady, setIsReady ] = useState<boolean>(false);
const [ updateId, setUpdateId ] = useState<number>(0); const [ updateId, setUpdateId ] = useState<number>(0);
const isDisposed = useRef(false); const isDisposed = useRef(false);
const isPlaceholderRef = useRef(false); const figureKeyRef = useRef<string>(null);
useNitroEvent(NitroEventType.AVATAR_ASSET_LOADED, () => useNitroEvent(NitroEventType.AVATAR_ASSET_LOADED, () =>
{ {
if(isPlaceholderRef.current) setUpdateId(prev => prev + 1); if(figureKeyRef.current)
{
AVATAR_IMAGE_CACHE.delete(figureKeyRef.current);
setUpdateId(prev => prev + 1);
}
}); });
const getClassNames = useMemo(() => const getClassNames = useMemo(() =>
@@ -61,9 +65,10 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
const figureKey = [ figure, gender, direction, headOnly ].join('-'); const figureKey = [ figure, gender, direction, headOnly ].join('-');
figureKeyRef.current = figureKey;
if(AVATAR_IMAGE_CACHE.has(figureKey)) if(AVATAR_IMAGE_CACHE.has(figureKey))
{ {
isPlaceholderRef.current = false;
setAvatarUrl(AVATAR_IMAGE_CACHE.get(figureKey)); setAvatarUrl(AVATAR_IMAGE_CACHE.get(figureKey));
} }
else else
@@ -73,7 +78,7 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
{ {
if(isDisposed.current) return; if(isDisposed.current) return;
isPlaceholderRef.current = false; AVATAR_IMAGE_CACHE.delete(figureKey);
setUpdateId(prev => prev + 1); setUpdateId(prev => prev + 1);
}, },
dispose: null, dispose: null,
@@ -90,15 +95,7 @@ export const LayoutAvatarImageView: FC<LayoutAvatarImageViewProps> = props =>
if(imageUrl && !isDisposed.current) if(imageUrl && !isDisposed.current)
{ {
if(!avatarImage.isPlaceholder()) if(!avatarImage.isPlaceholder()) AVATAR_IMAGE_CACHE.set(figureKey, imageUrl);
{
AVATAR_IMAGE_CACHE.set(figureKey, imageUrl);
isPlaceholderRef.current = false;
}
else
{
isPlaceholderRef.current = true;
}
setAvatarUrl(imageUrl); setAvatarUrl(imageUrl);
} }
src/components/avatar-editor/figure-set/AvatarEditorFigureSetItemView.tsx
+5 -1
View File
@@ -26,7 +26,11 @@ export const AvatarEditorFigureSetItemView: FC<{
useNitroEvent(NitroEventType.AVATAR_ASSET_LOADED, () => useNitroEvent(NitroEventType.AVATAR_ASSET_LOADED, () =>
{ {
if(!assetUrl || !assetUrl.length) setRetryId(prev => prev + 1); if(!assetUrl || !assetUrl.length)
{
AvatarEditorThumbnailsHelper.clearCache();
setRetryId(prev => prev + 1);
}
}); });
useEffect(() => useEffect(() =>