mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Migrate components to eslint

Browse source
This commit is contained in:
Chris Svenningsen 2020-09-11 17:46:52 -07:00 • committed by Josh Perez
parent de66486e41
commit b13dbcfa77
69 changed files with 875 additions and 800 deletions
Download patch file Download diff file Expand all files Collapse all files

57
ts/components/ShortcutGuideModal.tsx
View file

@ -10,36 +10,33 @@ export type PropsType = {
readonly i18n: LocalizerType;
};
export const ShortcutGuideModal = React.memo(
// tslint:disable-next-line max-func-body-length
(props: PropsType) => {
const { i18n, close, hasInstalledStickers, platform } = props;
const [root, setRoot] = React.useState<HTMLElement | null>(null);
export const ShortcutGuideModal = React.memo((props: PropsType) => {
const { i18n, close, hasInstalledStickers, platform } = props;
const [root, setRoot] = React.useState<HTMLElement | null>(null);
React.useEffect(() => {
const div = document.createElement('div');
document.body.appendChild(div);
setRoot(div);
React.useEffect(() => {
const div = document.createElement('div');
document.body.appendChild(div);
setRoot(div);
return () => {
document.body.removeChild(div);
};
}, []);
return () => {
document.body.removeChild(div);
};
}, []);
return root
? createPortal(
<div className="module-shortcut-guide-modal">
<div className="module-shortcut-guide-container">
<ShortcutGuide
hasInstalledStickers={hasInstalledStickers}
platform={platform}
close={close}
i18n={i18n}
/>
</div>
</div>,
root
)
: null;
}
);
return root
? createPortal(
<div className="module-shortcut-guide-modal">
<div className="module-shortcut-guide-container">
<ShortcutGuide
hasInstalledStickers={hasInstalledStickers}
platform={platform}
close={close}
i18n={i18n}
/>
</div>
</div>,
root
)
: null;
});