oreolek/phanpy
1
0
Fork 0
Code Activity

Experimental preload icons

Browse source
This commit is contained in:
Lim Chee Aun 2023-08-13 17:15:49 +08:00
parent 2ba2696e9e
commit d237fb8320
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/app.jsx
View file

@ -21,7 +21,7 @@ import { useSnapshot } from 'valtio';
import AccountSheet from './components/account-sheet';
import Compose from './components/compose';
import Drafts from './components/drafts';
import Icon from './components/icon';
import Icon, { ICONS } from './components/icon';
import Loader from './components/loader';
import MediaModal from './components/media-modal';
import Modal from './components/modal';
@ -66,6 +66,19 @@ import usePageVisibility from './utils/usePageVisibility';
window.__STATES__ = states;
// Preload icons
// There's probably a better way to do this
// Related: https://github.com/vitejs/vite/issues/10600
setTimeout(() => {
for (const icon in ICONS) {
if (Array.isArray(ICONS[icon])) {
ICONS[icon][0]?.();
} else {
ICONS[icon]?.();
}
}
}, 5000);
function App() {
const snapStates = useSnapshot(states);
const [isLoggedIn, setIsLoggedIn] = useState(false);

2
src/components/icon.jsx
View file

@ -8,7 +8,7 @@ const SIZES = {
xxl: 32,
};
const ICONS = {
export const ICONS = {
x: () => import('@iconify-icons/mingcute/close-line'),
heart: () => import('@iconify-icons/mingcute/heart-line'),
bookmark: () => import('@iconify-icons/mingcute/bookmark-line'),