Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-08-18 09:27:02 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Route callback memoized with hooks

Browse source
This commit is contained in:
NikolaBorislavovHristov 2019-04-22 12:14:27 +03:00
parent 49fa139d6d
commit 136b6e288e
1 changed files with 15 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
src/navigation/Router/Route.js
View file

@ -4,22 +4,23 @@ const { FocusableProvider } = require('../FocusableContext');
const { ModalsContainerProvider } = require('../ModalsContainerContext');
const styles = require('./styles');
const onModalsContainerDomTreeChange = ({ modalsContainerElement }) => {
return modalsContainerElement.childElementCount === 0;
const Route = ({ children }) => {
const onModalsContainerDomTreeChange = React.useCallback(({ modalsContainerElement }) => {
return modalsContainerElement.childElementCount === 0;
}, []);
return (
<div className={styles['route']}>
<ModalsContainerProvider modalsContainerClassName={styles['modals-container']}>
<FocusableProvider onModalsContainerDomTreeChange={onModalsContainerDomTreeChange}>
<div className={styles['route-content']}>
{children}
</div>
</FocusableProvider>
</ModalsContainerProvider>
</div>
);
};
const Route = ({ children }) => (
<div className={styles['route']}>
<ModalsContainerProvider modalsContainerClassName={styles['modals-container']}>
<FocusableProvider onModalsContainerDomTreeChange={onModalsContainerDomTreeChange}>
<div className={styles['route-content']}>
{children}
</div>
</FocusableProvider>
</ModalsContainerProvider>
</div>
);
Route.propTypes = {
children: PropTypes.oneOfType([
PropTypes.arrayOf(PropTypes.node),