nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Fix icon doesn't refresh when changed

Browse source
This commit is contained in:
Lim Chee Aun 2023-12-23 18:05:30 +08:00
parent 30403f835c
commit 3cab36f24c
1 changed files with 5 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/components/icon.jsx
View file

@ -1,5 +1,5 @@
import { memo } from 'preact/compat'; import { memo } from 'preact/compat';
import { useEffect, useState } from 'preact/hooks'; import { useEffect, useRef, useState } from 'preact/hooks';
const SIZES = { const SIZES = {
s: 12, s: 12,
@ -127,14 +127,16 @@ function Icon({
} }
const [iconData, setIconData] = useState(ICONDATA[icon]); const [iconData, setIconData] = useState(ICONDATA[icon]);
const currentIcon = useRef(icon);
useEffect(() => { useEffect(() => {
if (iconData) return; if (iconData && currentIcon.current === icon) return;
(async () => { (async () => {
const iconB = await iconBlock(); const iconB = await iconBlock();
setIconData(iconB.default); setIconData(iconB.default);
ICONDATA[icon] = iconB.default; ICONDATA[icon] = iconB.default;
})(); })();
}, [iconData, icon, iconBlock]); currentIcon.current = icon;
}, [icon]);
return ( return (
<span <span