test: update Icon placeholder

release/desktop
moonrailgun 3 years ago
parent 0a833812d8
commit 2a235c7c79

@ -1,13 +1,14 @@
import React, { useState } from '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) => {
const [loaded, setLoaded] = useState(false);
return (
<>
<Iconify {...props} onLoad={() => setLoaded(true)} />
{!loaded && <span style={{ width: '1em', height: '1em' }} />}
{!loaded && <span style={placeHolderStyle} />}
</>
);
});

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

Loading…
Cancel
Save