Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-20 06:32:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

incorrect usage of dispatchCloseRequestEvent func removed

Browse source
This commit is contained in:
svetlagasheva 2019-11-05 15:06:42 +02:00
parent 86c7b746e3
commit 9f97f96e9e
1 changed files with 21 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

37
src/common/ModalDialog/ModalDialog.js
View file

@ -7,39 +7,44 @@ const { Modal } = require('stremio-router');
const styles = require('./styles');
const ModalDialog = ({ className, children, title, buttons, onCloseRequest }) => {
const dispatchCloseRequestEvent = React.useCallback(event => {
if (typeof onCloseRequest === 'function') {
onCloseRequest({
type: 'closeRequest',
reactEvent: event,
nativeEvent: event.nativeEvent
});
}
}, [onCloseRequest]);
React.useEffect(() => {
const onKeyDown = (event) => {
if (event.key === 'Escape') {
dispatchCloseRequestEvent(event);
onCloseRequest({
type: 'close',
nativeEvent: event
});
}
};
window.addEventListener('keydown', onKeyDown);
return () => {
window.removeEventListener('keydown', onKeyDown);
};
}, [dispatchCloseRequestEvent]);
const onModalContainerMouseDown = React.useCallback(event => {
}, [onCloseRequest]);
const closeButtonOnClick = React.useCallback((event) => {
onCloseRequest({
type: 'close',
reactEvent: event,
nativeEvent: event.nativeEvent
});
}, [onCloseRequest])
const onModalContainerMouseDown = React.useCallback((event) => {
if (event.target === event.currentTarget) {
dispatchCloseRequestEvent(event);
onCloseRequest({
type: 'close',
reactEvent: event,
nativeEvent: event.nativeEvent
});
}
}, [dispatchCloseRequestEvent]);
}, [onCloseRequest]);
return (
<Modal className={styles['modal-container']} onMouseDown={onModalContainerMouseDown}>
<div className={classnames(className, styles['modal-dialog-container'])}>
<Button className={styles['close-button-container']} title={'Close'} onClick={dispatchCloseRequestEvent}>
<Button className={styles['close-button-container']} title={'Close'} onClick={closeButtonOnClick}>
<Icon className={styles['icon']} icon={'ic_x'} />
</Button>
{
typeof title === 'string' && title.length > 0 ?
typeof title === 'string' && title.length > 0 ?
<h1>{title}</h1>
:
null