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

Skip useEffect if icon already loaded

Browse source
This commit is contained in:
Lim Chee Aun 2023-12-23 12:14:11 +08:00
parent b00033129f
commit 5d95d602a7
1 changed files with 11 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/components/icon.jsx
View file

@ -107,6 +107,8 @@ export const ICONS = {
speak: () => import('@iconify-icons/mingcute/radar-line'), speak: () => import('@iconify-icons/mingcute/radar-line'),
}; };
const ICONDATA = {};
function Icon({ function Icon({
icon, icon,
size = 'm', size = 'm',
@ -124,11 +126,15 @@ function Icon({
[iconBlock, rotate, flip] = iconBlock; [iconBlock, rotate, flip] = iconBlock;
} }
const [iconData, setIconData] = useState(null); const [iconData, setIconData] = useState(ICONDATA[icon]);
useEffect(async () => { useEffect(() => {
const icon = await iconBlock(); if (iconData) return;
setIconData(icon.default); (async () => {
}, [iconBlock]); const iconB = await iconBlock();
setIconData(iconB.default);
ICONDATA[icon] = iconB.default;
})();
}, [iconData, icon, iconBlock]);
return ( return (
<span <span