test: update Icon placeholder

pull/81/head
moonrailgun 3 years ago
parent 0a833812d8
commit 2a235c7c79

@ -1,13 +1,14 @@
import React, { useState } from 'react'; import React, { useState } from 'react';
import { Icon as Iconify, IconProps } from '@iconify/react'; import { Icon as Iconify, IconProps } from '@iconify/react';
const placeHolderStyle = { width: '1em', height: '1em' };
export const Icon: React.FC<Omit<IconProps, 'ref'>> = React.memo((props) => { export const Icon: React.FC<Omit<IconProps, 'ref'>> = React.memo((props) => {
const [loaded, setLoaded] = useState(false); const [loaded, setLoaded] = useState(false);
return ( return (
<> <>
<Iconify {...props} onLoad={() => setLoaded(true)} /> <Iconify {...props} onLoad={() => setLoaded(true)} />
{!loaded && <span style={{ width: '1em', height: '1em' }} />} {!loaded && <span style={placeHolderStyle} />}
</> </>
); );
}); });

@ -1,6 +1,6 @@
// mock // mock
jest.mock('tailchat-shared/i18n'); jest.mock('tailchat-shared/i18n');
jest.mock('@iconify/react', () => ({ jest.mock('../src/components/Icon', () => ({
Icon: ({ icon }) => `[iconify icon="${icon}"]`, Icon: ({ icon }) => `[iconify icon="${icon}"]`,
})); }));
jest.mock('../src/components/Loadable'); jest.mock('../src/components/Loadable');

Loading…
Cancel
Save