Mirrors/phanpy
1
0
Fork 0
mirror of https://github.com/cheeaun/phanpy.git synced 2025-03-21 13:19:22 +01:00
Code Issues Projects Releases Packages Wiki Activity

Need Loader fallbacks

Browse source
This commit is contained in:
Lim Chee Aun 2024-03-27 08:09:24 +08:00
parent 7049166b40
commit 7cac17a043
1 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
src/components/intl-segmenter-suspense.jsx
View file

@ -2,11 +2,13 @@ import { shouldPolyfill } from '@formatjs/intl-segmenter/should-polyfill';
import { Suspense } from 'preact/compat'; import { Suspense } from 'preact/compat';
import { useEffect, useState } from 'preact/hooks'; import { useEffect, useState } from 'preact/hooks';
import Loader from './loader';
const supportsIntlSegmenter = !shouldPolyfill(); const supportsIntlSegmenter = !shouldPolyfill();
export default function IntlSegmenterSuspense({ children }) { export default function IntlSegmenterSuspense({ children }) {
if (supportsIntlSegmenter) { if (supportsIntlSegmenter) {
return <Suspense>{children}</Suspense>; return <Suspense fallback={<Loader />}>{children}</Suspense>;
} }
const [polyfillLoaded, setPolyfillLoaded] = useState(false); const [polyfillLoaded, setPolyfillLoaded] = useState(false);
@ -17,5 +19,9 @@ export default function IntlSegmenterSuspense({ children }) {
})(); })();
}, []); }, []);
return polyfillLoaded && <Suspense>{children}</Suspense>; return polyfillLoaded ? (
<Suspense fallback={<Loader />}>{children}</Suspense>
) : (
<Loader />
);
} }